Refs #140559 - Improve search box styles.

eea · Oct 25, 2021 · 0eab805 · 0eab805
1 parent add67d9
commit 0eab805
Showing 1 changed file with 23 additions and 5 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -288,12 +288,13 @@ div#page-document {
       }
 
       div.search-input {
+        max-width: 600px;
         flex-wrap: wrap;
         padding: 0px;
         border: none;
 
         div.terms-box {
-          width: calc(100% - 100px);
+          width: calc(100% - 95px);
           padding: 10px;
           border: 1px solid @sf-medium-gray;
 
@@ -304,7 +305,28 @@ div#page-document {
         }
 
         div.input-controls {
+          margin-top: auto;
           margin-left: auto;
+
+          div.button.show-extra-facets {
+            padding: 14px !important;
+            border: 1px solid @sf-medium-gray;
+            margin-right: 4px;
+            border-radius: 0px;
+
+            i.icon {
+              margin: 0px;
+            }
+          }
+
+          div.button.microphone-input {
+            background: @sf-light-gray !important;
+            border-radius: 20px;
+
+            i.icon {
+              color: @sf-dark-gray !important;
+            }
+          }
         }
 
         div.search-phrase {
@@ -321,10 +343,6 @@ div#page-document {
             margin-left: 10px;
           }
         }
-
-        div.button.microphone-input {
-          margin-left: auto;
-        }
       }
 
       div.boolean-facet {