Style the search box to a single line

timhoffm · timhoffm · commit 29f3d23da1d5 · 2018-03-14T00:33:44.000+01:00
diff --git a/doc/_static/mpl.css b/doc/_static/mpl.css
@@ -260,11 +260,36 @@ div.sphinxsidebar ul ul {
     margin-left: 20px;
 }
 
-#searchbox input[type=text] {
-    width: 100%;
+div.sphinxsidebar #searchbox input {
+    border: 1px solid #aaa;
+    padding: 0.25em;
     box-sizing: border-box;
 }
 
+div.sphinxsidebar #searchbox form {
+    display: inline-block;
+    width: 100%
+}
+
+div.sphinxsidebar #searchbox input[type="text"] {
+    float: left;
+    width: 80%;
+}
+
+div.sphinxsidebar #searchbox input[type="submit"] {
+    float: left;
+    width: 20%;
+    border-left: none;
+}
+
+div.sphinxsidebar #searchbox input[type="submit"]:hover {
+    background: #ddd;
+}
+
+div.sphinxsidebar .searchformwrapper {
+    display: block;
+}
+
 p {
     margin: 0.8em 0 0.8em 0;
 }
