diff --git a/src/patterns/01-core/elements/_option.scss b/src/patterns/01-core/elements/_option.scss index ad161da6fff0a79441eea83bc50e3b66b2e873ec..603e467309a46598796a1bf5b87a8ededc4f2e0b 100644 --- a/src/patterns/01-core/elements/_option.scss +++ b/src/patterns/01-core/elements/_option.scss @@ -27,5 +27,5 @@ label.option, font-weight: normal; letter-spacing:inherit; margin-left: var(--size-05); - padding: var(--size-1) 0 var(--size-1) var(--size-4); + padding: var(--size-1) 0; } diff --git a/src/patterns/01-core/elements/_select.scss b/src/patterns/01-core/elements/_select.scss index 0ab4b54d31a24fb98dff09eed72fd83a4a821ab4..29cf29e3753e4706008abccb2f1ac27c6294e048 100644 --- a/src/patterns/01-core/elements/_select.scss +++ b/src/patterns/01-core/elements/_select.scss @@ -6,11 +6,12 @@ :where(select) { @include svg-background(select-arrows); appearance: none; - background-color: var(--gray-2); + background-color: var(--gray-1); background-position: right 10px center; // LTR background-repeat: no-repeat; background-size: 20px; - border-radius: var(--radius-2); + border: var(--size-xs) solid var(--gray-3); + border-radius: var(--radius-1); color: inherit; cursor: pointer; font-family: var(--font-systemmedium); @@ -18,14 +19,19 @@ letter-spacing: inherit; padding-block: .75ch; padding-inline: 1.25ch 0; - padding-right: 10px; // LTR + padding-right: var(--size-4); // LTR touch-action: manipulation; + width: 100%; &:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } - &::-ms-expand { display: none; } } +.form-item-moderation-state-0-state{ + .form-select{ + width: auto; + } +} diff --git a/src/patterns/01-core/mixins/_button.scss b/src/patterns/01-core/mixins/_button.scss index e6c8ff2a7633cf6cfabd7f6d86bd87e1ab551a91..506c74330b9b3dd527ce020efb1c55dbe995ebb7 100644 --- a/src/patterns/01-core/mixins/_button.scss +++ b/src/patterns/01-core/mixins/_button.scss @@ -149,7 +149,7 @@ $button-font-size: var(--font-size-1) !default; background: var(--uw-white) !important; color: var(--uw-black) !important; padding: var(--size-1) var(--size-2); - width:auto; + width: auto; &:hover, &:focus { border: 1px solid transparent !important; @@ -167,7 +167,7 @@ $button-font-size: var(--font-size-1) !default; color: var(--uw-white) !important; background: var(--uw-black) !important; padding: var(--size-1) var(--size-2); - width:auto; + width: auto; &:hover, &:focus { border: 1px solid transparent !important; diff --git a/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss b/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss index 817a9862431ca0c6d7826fa9d9cd62134ae262b2..8102abf5fb0b41bcc5dd794df9a336f5d7275705 100644 --- a/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss +++ b/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss @@ -134,11 +134,6 @@ form { padding: 0 var(--size-2); text-align: center; } - // Removes gap at bottom of editor in dialogue - .odd .form-item, - .even .form-item { - margin-bottom: 0 !important; - } // Resets the min width. .field-multiple-table { diff --git a/src/patterns/04-components/filters/_filters.scss b/src/patterns/04-components/filters/_filters.scss index a7383172b6ac6ab20e7fc8a9b00bb0c6d5012d7a..d643437fe534aaa7378751b50319b7375f5595a9 100644 --- a/src/patterns/04-components/filters/_filters.scss +++ b/src/patterns/04-components/filters/_filters.scss @@ -5,7 +5,7 @@ */ @use '../../01-core' as *; -.views-exposed-form{ +.views-exposed-form.bef-exposed-form{ margin: 0 !important; padding: 0 !important; .form-actions{ @@ -86,6 +86,7 @@ display: block; font-family: inherit; font-size: inherit; + padding: var(--size-1) 0 var(--size-1) var(--size-4); position: relative; &::before, &::after {