diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index dea1ef76d..48bcf6804 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss @@ -168,10 +168,17 @@ &:hover, &:focus-visible { + opacity: 1; background-color: pvar-fallback(--menu-bg, --bg-secondary-450); } &.active { + &, + my-global-icon { + color: pvar(--fg) !important; + } + + font-weight: $font-bold; background-color: pvar-fallback(--menu-bg, --bg-secondary-500); } diff --git a/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss b/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss index 0331a9c87..7363c4039 100644 --- a/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss +++ b/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss @@ -86,7 +86,7 @@ $filters-background: pvar(--bg-secondary-400); .filters-toggle { padding: pvar(--input-y-padding) 0.5rem calc(#{pvar(--input-y-padding)} + 0.75rem) 0.75rem; - @include margin-left(0.25rem); + @include margin-left(0.75rem); my-global-icon { color: pvar(--secondary-icon-color);