diff --git a/webapp/packages/core-blocks/src/FormControls/ComboboxNew.tsx b/webapp/packages/core-blocks/src/FormControls/ComboboxNew.tsx index a0be743104..6546b39304 100644 --- a/webapp/packages/core-blocks/src/FormControls/ComboboxNew.tsx +++ b/webapp/packages/core-blocks/src/FormControls/ComboboxNew.tsx @@ -46,7 +46,7 @@ const styles = composes( font-weight: 500; } input { - padding-right: 20px; + padding-right: 12px !important; } MenuButton { position: absolute; @@ -74,7 +74,7 @@ const styles = composes( & MenuItem { background: transparent; display: block; - padding: 4px 36px; + padding: 4px 12px; text-align: left; outline: none; color: inherit; diff --git a/webapp/packages/core-theming/src/styles/_form-controls.scss b/webapp/packages/core-theming/src/styles/_form-controls.scss index d6d5119e0d..3fd88093c7 100644 --- a/webapp/packages/core-theming/src/styles/_form-controls.scss +++ b/webapp/packages/core-theming/src/styles/_form-controls.scss @@ -58,7 +58,7 @@ input[role="new"], textarea[role="new"] { box-sizing: border-box; - padding: 7px 11px; + padding: 7px 12px; font-size: 12px; width: 100%; border: 2px solid; diff --git a/webapp/packages/core-theming/src/styles/_theme-light.scss b/webapp/packages/core-theming/src/styles/_theme-light.scss index fcb61edd6c..127cc8938c 100644 --- a/webapp/packages/core-theming/src/styles/_theme-light.scss +++ b/webapp/packages/core-theming/src/styles/_theme-light.scss @@ -21,12 +21,12 @@ $color-negative: #e73e52; $link-color: $mdc-theme-primary; $link-color-focus: #3f96d1; -$input-border: #dedede; -$input-border-disabled: transparent; -$input-border-readonly: transparent; +$input-border: #d9d9d9; +$input-border-disabled: $input-border; +$input-border-readonly: $input-border; $input-background: $mdc-theme-surface; -$input-background-disabled: $mdc-theme-secondary; -$input-background-readonly: $mdc-theme-secondary; +$input-background-disabled: #e9e9e9; +$input-background-readonly: #e9e9e9; $mdc-theme-text-colors: ( light: ( @@ -40,7 +40,7 @@ $mdc-theme-text-colors: ( primary: rgba(black, 0.87), secondary: rgba(black, 0.45), hint: rgba(black, 0.45), - disabled: rgba(black, 0.20), + disabled: rgba(black, 0.2), icon: rgba(black, 0.38), ), );