From 32c6d4e599f01909676740310daac2f9add139b2 Mon Sep 17 00:00:00 2001 From: Kim Nguyen Date: Fri, 15 Oct 2021 11:14:30 -0400 Subject: [PATCH] Make advanced search input margins more consistent, hide only value remove button. --- application/asset/css/advanced-search.css | 2 +- application/asset/sass/advanced-search.scss | 16 ++++++++++++---- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/application/asset/css/advanced-search.css b/application/asset/css/advanced-search.css index 118512aa32..1f42eacabc 100644 --- a/application/asset/css/advanced-search.css +++ b/application/asset/css/advanced-search.css @@ -1 +1 @@ -#advanced-search .value{margin-bottom:0;display:flex}#advanced-search .value select,#advanced-search .value input{margin-left:5px;min-width:0}#advanced-search .value>*{margin-top:0}#advanced-search .value select:first-child,#advanced-search .value input:first-child,#advanced-search #property-queries .value:first-child select:nth-child(2){margin-left:0}#advanced-search .multi-value .value:first-child .joiner{display:none}#advanced-search #property-queries .joiner{width:initial;min-width:initial}#advanced-search #property-queries .query-text:disabled{display:none}#advanced-search .add-value{margin-bottom:0} \ No newline at end of file +#advanced-search .value{margin-bottom:0;display:flex;flex-wrap:wrap}#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}#advanced-search .value select:first-child,#advanced-search .value input:first-child,#advanced-search #property-queries .value:first-child select:nth-child(2){margin-left:0}#advanced-search .multi-value .value:first-child .joiner,#advanced-search .multi-value .value:only-child button.remove-value{display:none}#advanced-search #property-queries .joiner{width:initial;min-width:initial}#advanced-search #property-queries .query-text:disabled{display:none}#advanced-search .add-value{margin-bottom:0} \ No newline at end of file diff --git a/application/asset/sass/advanced-search.scss b/application/asset/sass/advanced-search.scss index 7f8f05e2bc..066638e889 100644 --- 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 */