diff --git a/static/styles/settings.css b/static/styles/settings.css index ac128555f6..2895358709 100644 --- a/static/styles/settings.css +++ b/static/styles/settings.css @@ -1611,21 +1611,29 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker { .dropdown-list-widget { button { margin: 0 5px; - - &.dropdown_list_reset_button { - /* Prevent night mode from overriding background. */ - background: unset !important; - border: none; - - &:disabled { - display: none; - } + &.dropdown-toggle { + /* Matches bootstrap hardcoded 30px height for select elements, + which we want to match the size of. */ + height: 30px; + padding: 0; } + &:disabled i { display: none; } } + a.dropdown_list_reset_button { + /* Prevent night mode from overriding background. */ + background: unset !important; + border: none; + margin-left: 10px; + + &:disabled { + display: none; + } + } + .dropdown-search > input[type="text"] { margin: 9px; } diff --git a/static/templates/settings/dropdown_list_widget.hbs b/static/templates/settings/dropdown_list_widget.hbs index 9c67f8a0f0..e26f54c820 100644 --- a/static/templates/settings/dropdown_list_widget.hbs +++ b/static/templates/settings/dropdown_list_widget.hbs @@ -5,7 +5,7 @@ {{ label }} {{/if}} - @@ -19,8 +19,8 @@ {{#if reset_button_text}} - + + {{reset_button_text}} + {{/if}}