[matrix] Search to top, icon

* Search bar to top, magnifying glass

* Remove old file

* Remove empty style directive

docs/_static/style.css

@@ -271,13 +271,13 @@ aside h3 {
 
 /* search button stuff */
 
-.searchformwrapper > form input {
+.searchformwrapper > form input, button {
   border: 1px solid var(--search-border);
   padding: 0.25em;
   flex-grow: 2;
 }
 
-.searchformwrapper > form input[type="submit"] {
+.searchformwrapper > form button[type="submit"] {
   border-left: none;
   margin-right: 0.5em;
   flex-grow: 8;

docs/_templates/layout.html

@@ -71,8 +71,23 @@
       </div>
       <div id="sidebar">
         {#- This is manually unrolled from the original layout #}
+        <div id="searchbox" role="search">
+          <h3>Quick search</h3>
+          <div class="searchformwrapper">
+            <form class="search" action="search.html" method="get">
+              <input type="text" name="q" />
+              <button type="submit">
+                <i class="fas fa-search"></i>
+              </button>
+              <input type="hidden" name="check_keywords" value="yes" />
+              <input type="hidden" name="area" value="default" />
+            </form>
+          </div>
+        </div>
+        <script type="text/javascript">
+          $("#searchbox").show(0);
+        </script>
         {%- include "localtoc.html" %}
-        {%- include "searchbox.html" %}
       </div>
     </aside>
     {#- The actual body of the contents #}