diff --git a/ui/core/components/string_picker.ts b/ui/core/components/string_picker.ts index 2cc7608dbd..9a8aa032fa 100644 --- a/ui/core/components/string_picker.ts +++ b/ui/core/components/string_picker.ts @@ -49,6 +49,7 @@ export class AdaptiveStringPicker extends Input { this.inputElem = document.createElement('input'); this.inputElem.type = 'text'; + this.inputElem.classList.add('form-control') this.rootElem.appendChild(this.inputElem); this.init(); diff --git a/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss b/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss index 82bacd1fd5..b3bfb1a9fc 100644 --- a/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss +++ b/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss @@ -69,6 +69,15 @@ margin-right: map-get($spacers, 2); } + .form-label { + font-size: $btn-font-size; + line-height: map-get($spacers, 4); + } + + .form-control { + padding: calc($input-padding-y / 2) calc($input-padding-x / 2); + } + .number-picker-input { width: 100% !important; } @@ -86,11 +95,6 @@ margin-bottom: map-get($spacers, 3) !important; } - .form-label { - font-size: 1rem; - line-height: map-get($spacers, 4); - } - .input-root { margin: 0; width: auto;