diff --git a/packages/common/styles.js b/packages/common/styles.js index 3adf59f4f49951dfa7254d4b03a34b845476e21a..055fd3a7a3ca9cbf1897534bd673b1c906c25c16 100644 --- a/packages/common/styles.js +++ b/packages/common/styles.js @@ -117,6 +117,20 @@ export function getGeneralCSS() { *, ::after, ::before { box-sizing: inherit; } + + select { + -moz-appearance: none; + -webkit-appearance: none; + background: calc(100% - 0.2rem) center no-repeat url("/local/vpu-common/icons/chevron-down.svg"); + background-size: 25%; + border-color: black; + border-width: 1px; + border-radius: var(--vpu-border-radius); + color: black; + padding: 0.14rem 1.0rem 0.14rem 0.14rem; + height: 28px; + margin-left: 3px; + } `; } @@ -403,18 +417,6 @@ export function getButtonCSS() { button.button[disabled], .button[disabled], fieldset[disabled] .button { opacity: .5; } - - select { - -moz-appearance: none; - -webkit-appearance: none; - background: calc(100% - 0.2rem) center no-repeat url("/local/vpu-common/icons/chevron-down.svg"); - background-size: 25%; - border-color: black; - border-width: 1px; - border-radius: var(--vpu-border-radius); - color: black; - padding: 0.14rem 1.0rem 0.14rem 0.14rem; - } `; }