diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index d46b5c516..a5f20981e 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -70,6 +70,8 @@ $pdf-secondary: #ff9e00; $outline-focus: 3px solid #ffbf47; +$input-height: $line-height * 2; + // 2. Foundation settings overrides // --------------------------------- diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index ccba5e002..9d122f324 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -1107,7 +1107,7 @@ form { [type]:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.close-button) { background: #f8f8f8; - height: $line-height * 2; + height: $input-height; margin-bottom: rem-calc(16); &.error { diff --git a/app/assets/stylesheets/sdg/related_list_selector.scss b/app/assets/stylesheets/sdg/related_list_selector.scss index c060d4c95..a60cd57cf 100644 --- a/app/assets/stylesheets/sdg/related_list_selector.scss +++ b/app/assets/stylesheets/sdg/related_list_selector.scss @@ -10,7 +10,7 @@ } } - > ul { + label + ul { list-style: none; margin-bottom: 0; margin-left: 0; @@ -25,11 +25,33 @@ &:focus { outline: $outline-focus; } + + &:hover { + cursor: pointer; + } } } .input-section { - margin-top: $line-height / 2; + margin-bottom: 2 * $line-height / 3; + } + + .amsify-suggestags-area { + position: relative; + + .amsify-suggestags-list { + top: $input-height; + } + } + + .amsify-suggestags-input-area { + display: flex; + flex-wrap: wrap; + + > input { + margin-bottom: $line-height / 4 !important; + order: -1; + } } .remove-tag { diff --git a/app/components/sdg/related_list_selector_component.html.erb b/app/components/sdg/related_list_selector_component.html.erb index b93ed21dc..21902e425 100644 --- a/app/components/sdg/related_list_selector_component.html.erb +++ b/app/components/sdg/related_list_selector_component.html.erb @@ -1,15 +1,18 @@