Refs #140559 - Improve search box styles.

eea · Oct 25, 2021 · 3bc9011 · 3bc9011
1 parent 0eab805
commit 3bc9011
Showing 1 changed file with 32 additions and 15 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -299,9 +299,40 @@ div#page-document {
           border: 1px solid @sf-medium-gray;
 
           input {
-            width: calc(100% - 75px);
+            width: calc(100% - 55px);
             border: none;
           }
+
+          div.button {
+            padding: 0px !important;
+            margin: 0px;
+
+            i.icon {
+              margin: 0px;
+              padding: 0px;
+            }
+          }
+
+          div.search-terms {
+            padding-left: 30px;
+            display: flex;
+
+            div.search-phrase {
+              width: fit-content;
+              display: flex;
+              padding: 5px;
+              margin-top: 2px;
+              margin-bottom: 2px;
+              background-color: @s-light-gray;
+
+              i.trash {
+                position: relative;
+                top: 2px;
+                margin-right: 0px;
+                margin-left: 10px;
+              }
+            }
+          }
         }
 
         div.input-controls {
@@ -329,20 +360,6 @@ div#page-document {
           }
         }
 
-        div.search-phrase {
-          display: flex;
-          padding: 5px;
-          margin-top: 2px;
-          margin-bottom: 2px;
-          background-color: @s-light-gray;
-
-          i.trash {
-            position: relative;
-            top: 2px;
-            margin-right: 0px;
-            margin-left: 10px;
-          }
-        }
       }
 
       div.boolean-facet {