Refs #140518 - Style for controls - to look clickable.

eea · Nov 8, 2021 · 713068f · 713068f
1 parent d17af77
commit 713068f
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -839,6 +839,7 @@ div.ui.modal.facet {
     div.multitermlist__facet__header {
       display: flex;
       flex-wrap: wrap;
+      align-items: baseline;
       justify-content: space-between;
 
       input.multitermlist__search__text-input {
@@ -851,19 +852,31 @@ div.ui.modal.facet {
         flex-wrap: wrap;
         justify-content: space-between;
 
+        span.label {
+          font-size: 14px;
+        }
+
         div.toggle-label {
           cursor: pointer;
         }
 
         div.toggleSort {
-          padding-right: 0.5em;
-          padding-left: 0.5em;
+          padding-left: 0.3em;
 
           div.toggle-label {
+            padding: 0 0.3em 0 0.3em;
+            background: white;
+            border-radius: 10px;
+            color: @sf-dark-gray;
+            font-size: 14px;
+
             i.icon {
               margin-left: 3px;
             }
-            font-size: 14px;
+
+            &.active {
+              color: @sf-azure;
+            }
           }
         }
       }
@@ -878,6 +891,7 @@ div.ui.modal.facet {
       }
 
       div.ui.toggle.checkbox {
+        padding-right: 1em;
         color: @sf-dark-gray !important;
         font-size: 14px;