Make advanced search input margins more consistent, hide only value r…

…emove button.
Daniel-KM · Oct 15, 2021 · 32c6d4e · 32c6d4e
1 parent 5dece9e
commit 32c6d4e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/application/asset/css/advanced-search.css b/application/asset/css/advanced-search.css
diff --git a/application/asset/sass/advanced-search.scss b/application/asset/sass/advanced-search.scss
@@ -6,13 +6,21 @@
 #advanced-search .value {
     margin-bottom: 0;
     display: flex;
+    flex-wrap: wrap;
 }
 
-#advanced-search .value select, #advanced-search .value input {
-    margin-left: 5px;
+#advanced-search .inputs select, 
+#advanced-search .inputs input,
+#advanced-search .inputs button, 
+#advanced-search .inputs a.button {
+    margin: .25rem .25rem .25rem 0;
     min-width: 0;
 }
 
+#advanced-search .field-meta {
+    margin: .25rem 0;
+}
+
 #advanced-search .value > * {
     margin-top: 0;
 }
@@ -23,7 +31,8 @@
     margin-left: 0;
 }
 
-#advanced-search .multi-value .value:first-child .joiner {
+#advanced-search .multi-value .value:first-child .joiner,
+#advanced-search .multi-value .value:only-child button.remove-value {
     display: none;
 }
 
@@ -40,5 +49,4 @@
     margin-bottom: 0;
 }
 
-
 /* @end */