diff --git a/services/web/public/stylesheets/components/input-suggestions.less b/services/web/public/stylesheets/components/input-suggestions.less index bf2fd4a253..2424ad5cdc 100644 --- a/services/web/public/stylesheets/components/input-suggestions.less +++ b/services/web/public/stylesheets/components/input-suggestions.less @@ -10,7 +10,7 @@ .input-suggestions-shadow { background-color: @input-bg; - padding-top: 4px; + padding-top: @input-suggestion-v-offset; } .input-suggestions-shadow-existing { color: transparent; diff --git a/services/web/public/stylesheets/components/ui-select.less b/services/web/public/stylesheets/components/ui-select.less index 5513378629..f78cc2f6a3 100644 --- a/services/web/public/stylesheets/components/ui-select.less +++ b/services/web/public/stylesheets/components/ui-select.less @@ -35,12 +35,14 @@ > .btn { border-color: @input-border-focus; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px fade(@input-border-focus, 60%); + padding-top: @input-suggestion-v-offset; } } > .btn { color: @input-color; background-color: @input-bg; border: 1px solid @input-border; + padding-top: @input-suggestion-v-offset; &[disabled] { cursor: not-allowed; background-color: @input-bg-disabled; @@ -53,6 +55,7 @@ .ui-select-container[tagging] { .ui-select-toggle { cursor: text; + padding-top: @input-suggestion-v-offset; > i.caret.pull-right { display: none; } diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 8dc3294a15..fefe12da73 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/services/web/public/stylesheets/core/_common-variables.less @@ -995,3 +995,5 @@ @history-toolbar-bg-color : @toolbar-alt-bg-color; @history-toolbar-color : @text-color; +// Input suggestions +@input-suggestion-v-offset : 6px; diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 9f4eb29c95..0e05ccdd68 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -289,6 +289,8 @@ @sys-msg-color : #FFF; @sys-msg-border : solid 1px lighten(@ol-blue, 10%); +@input-suggestion-v-offset : 4px; + //== Colors // //## Gray and brand colors for use across Bootstrap.