diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss index 8c5fa7076..819542434 100644 --- a/ui/scss/component/_main.scss +++ b/ui/scss/component/_main.scss @@ -1021,6 +1021,38 @@ body { padding-right: 0; } } + + @media (max-width: $breakpoint-small) { + .card__main-actions { + margin-top: var(--spacing-s); + } + .section__actions { + margin-top: var(--spacing-m); + } + .MuiAutocomplete-root { + background-color: var(--color-input-bg); + border-radius: var(--border-radius); + .MuiOutlinedInput-input { + font-size: var(--font-body); + padding-left: var(--spacing-s); + padding-right: var(--spacing-s); + height: 22px !important; + &::placeholder { + color: #ffffff !important; + font-size: var(--font-body); + } + &:focus-visible { + box-shadow: unset; + } + } + .Mui-focused { + outline: 2px solid var(--color-primary); + } + .MuiOutlinedInput-notchedOutline { + border: none; + } + } + } } .main--empty { diff --git a/ui/scss/component/_navigation.scss b/ui/scss/component/_navigation.scss index d3b20b8ff..f61cb079e 100644 --- a/ui/scss/component/_navigation.scss +++ b/ui/scss/component/_navigation.scss @@ -235,6 +235,10 @@ margin-left: 0; } } + + .comment__badge { + margin-left: var(--spacing-xxs); + } } &:hover:not(.navigation-link--active) { diff --git a/ui/scss/component/_notification.scss b/ui/scss/component/_notification.scss index ae01749f1..04963f13a 100644 --- a/ui/scss/component/_notification.scss +++ b/ui/scss/component/_notification.scss @@ -86,6 +86,11 @@ $contentMaxWidth: 60rem; opacity: 1; } } + + .MuiAutocomplete-root { + background-color: var(--color-background); + border-radius: var(--border-radius); + } } } diff --git a/ui/scss/component/_tags.scss b/ui/scss/component/_tags.scss index 4c574a3b9..8c077356f 100644 --- a/ui/scss/component/_tags.scss +++ b/ui/scss/component/_tags.scss @@ -76,9 +76,11 @@ .tag--mature { @extend .badge--tag-mature; - background-color: #2a0000 !important; + background-color: #710000 !important; + color: #ffffff !important; &:hover { - background-color: #ff0000 !important; + background-color: #b00000 !important; + color: #ffffff !important; } } diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss index d10e2048a..54ccbe064 100644 --- a/ui/scss/component/section.scss +++ b/ui/scss/component/section.scss @@ -23,7 +23,8 @@ fieldset-section.radio, div.checkbox, div.section { - margin-top: var(--spacing-s); + margin-top: var(--spacing-m); + margin-bottom: var(--spacing-s); } .channel__selector {