Active filters styling

eea · Sep 7, 2022 · 5d4cb0e · 5d4cb0e
1 parent 271686d
commit 5d4cb0e
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/SearchBlock/less/dropdown-filterlist.less b/src/SearchBlock/less/dropdown-filterlist.less
@@ -39,6 +39,8 @@
           > span {
             z-index: 99999 !important;
             box-shadow: 0 5px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.25);
+            color: @green-5;
+            font-weight: 700;
           }
 
           .menu {
@@ -91,14 +93,21 @@
       }
 
       .clear-filters {
-        padding: 0.5em;
+        padding: 0;
         margin: 0 !important;
         background-color: transparent;
         color: @blue-5;
+        float: right;
         font-size: 14px;
         font-weight: 500;
       }
 
+      .clear-btn {
+        padding-bottom: 0.5em;
+        margin: 0 !important;
+        color: @blue-5 !important;
+      }
+
       .sui-facet-search__text-input {
         font-size: 14px;
       }
@@ -109,6 +118,8 @@
       }
 
       .sui-multi-checkbox-facet__option-count {
+        display: flex;
+        align-items: center;
         margin: 0;
         margin-left: 0.5em;
         color: @blue-grey-5;
@@ -315,13 +326,13 @@
       }
 
       .clear-filters {
-        margin-left: 10px !important;
+        margin-left: 5px !important;
       }
 
       .header {
         border: none;
         color: @deepBlue;
-        font-size: 16px;
+        font-size: 14px;
         font-weight: 400;
       }