Fix search icon size and alignment

eea · Jun 17, 2022 · 6a8e042 · 6a8e042
1 parent 99e2f58
commit 6a8e042
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/src/SearchBlock/less/searchinput.less b/src/SearchBlock/less/searchinput.less
@@ -14,14 +14,15 @@
       border-bottom: 1.5px solid @secondaryColor;
 
       .terms-box-left {
+        display: flex;
         flex-grow: 0;
+        align-items: center;
 
-        .icon {
-          width: 38px;
-          height: 38px;
-          margin: 0;
-          color: @secondaryColor !important;
-          font-size: 38px;
+        .search-icon {
+          width: 29px;
+          height: 29px;
+          margin: 10px 0;
+          cursor: pointer;
         }
       }
 
@@ -68,7 +69,7 @@
         width: 28px;
         height: 28px;
         border: 2px solid @secondaryColor !important;
-        margin: 0 10px;
+        margin: 10px;
         border-radius: 4px;
         box-shadow: none;
         opacity: 1;
@@ -219,14 +220,13 @@
         }
       }
 
-      .terms-box .terms-box-left .icon {
-        font-size: 24px;
-      }
-
+      .terms-box .terms-box-left .search-icon,
       .input-controls .clear-button {
         width: 20px !important;
         height: 20px !important;
+      }
 
+      .input-controls .clear-button {
         .close.icon {
           top: 2px;
           left: -4px;