Use flex grow on 'terms' in narrow by fields.

omeka · Mar 23, 2023 · da93cde · da93cde
1 parent db9c4fb
commit da93cde
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/css/sass/_screen.scss b/css/sass/_screen.scss
@@ -770,8 +770,8 @@ ul.item-pagination.navigation {
     margin-bottom: $spacing-m;
 }
 
-.search-entry .advanced-search-joiner {
-    width: 100%;
+.search-entry .advanced-search-terms {
+    flex-grow: 1;
 }
 
 .search-entry:first-child .advanced-search-joiner {
@@ -788,7 +788,6 @@ ul.item-pagination.navigation {
 }
 
 .search-entry select {
-    margin: 0 $spacing-s $spacing-s 0;
     width: 100%;
 }
 
@@ -808,7 +807,7 @@ ul.item-pagination.navigation {
     text-indent: -9999px;
     position: relative;
     padding: 0;
-    margin: (1.125 * $spacing-l) 0 0 $spacing-m;
+    margin: (1.125 * $spacing-l) 0 0 0;
 
     &:after {
         @include lnr;

diff --git a/css/style.css b/css/style.css
@@ -772,8 +772,8 @@ input[type=checkbox] {
     margin-bottom: 10.5px;
   }
 
-  .search-entry .advanced-search-joiner {
-    width: 100%;
+  .search-entry .advanced-search-terms {
+    flex-grow: 1;
   }
 
   .search-entry:first-child .advanced-search-joiner {
@@ -790,7 +790,6 @@ input[type=checkbox] {
   }
 
   .search-entry select {
-    margin: 0 5.25px 5.25px 0;
     width: 100%;
   }
 
@@ -810,7 +809,7 @@ input[type=checkbox] {
     text-indent: -9999px;
     position: relative;
     padding: 0;
-    margin: 23.625px 0 0 10.5px;
+    margin: 23.625px 0 0 0;
   }
   .remove_search:after {
     font-family: "Linearicons-Free";