Refs #140518 - Fix multiterm list facet header responsivity.

eea · Nov 1, 2021 · 30cf40a · 30cf40a
1 parent 5d95015
commit 30cf40a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -187,11 +187,11 @@ div#page-document {
       margin-top: 3em;
 
       button.show-filters {
+        margin-top: 0.3em;
         background: @sf-light-gray !important;
         border-radius: 2px;
         color: @sf-azure !important;
         font-size: 12px;
-        margin-top: 0.3em;
       }
 
       div.scrolled {
@@ -813,8 +813,14 @@ div.ui.modal.facet {
 
     div.multitermlist__facet__header {
       display: flex;
+      flex-wrap: wrap;
       justify-content: space-between;
 
+      input.multitermlist__search__text-input {
+        width: calc(100% - 35px);
+        margin-bottom: 0.3em;
+      }
+
       .facet-title {
         h3 {
           margin: 0 1em 0 0;