Fix search box and select appearances

obulat · web-flow · commit c0c7ba3f31c5 · 2021-05-10T08:43:00.000+03:00
Some problems in Safari mobile browser were fixed: right margin on the search box (between the button and the border), color of the button;
Language and version switchers in both Chrome for Android and Safari had gray background.
diff --git a/python_docs_theme/static/pydoctheme.css b/python_docs_theme/static/pydoctheme.css
@@ -293,9 +293,6 @@ dl > dt span ~ em {
         flex: 0 1 0;
         margin-right: 1rem;
     }
-    .version_switcher_placeholder select {
-        border-radius: 0;
-    }
     .nav-content .search {
         display: flex;
         flex: 1 1 auto;
@@ -319,10 +316,17 @@ dl > dt span ~ em {
     }
     .nav-content .search input[type=submit] {
         height: 100%;
-        border: 0;
+        appearance: none;
+        -webkit-appearance: none;
+        border: 1px solid-transparent;
+        border-left-color: #a9a9a9;
         box-shadow: none;
-        outline: 1px solid #999;
         cursor: pointer;
+        background-color: #f0f0f0;
+        margin-right: 0;
+    }
+    .nav-content .search input[type=submit]:hover {
+        border-color: #a9a9a9;
     }
     .nav-content .search svg {
         flex: 0 0 20px;
@@ -483,6 +487,7 @@ dl > dt span ~ em {
         appearance: none;
         border: 0;
         height: 100%;
+        background-color: white;
     }
     .language_switcher_placeholder:focus-visible,
     .version_switcher_placeholder:focus-visible {
