diff --git a/src/frontend/packages/core/sass/mat-desktop.scss b/src/frontend/packages/core/sass/mat-desktop.scss index 7aeb810c3f..16b85e10e9 100644 --- a/src/frontend/packages/core/sass/mat-desktop.scss +++ b/src/frontend/packages/core/sass/mat-desktop.scss @@ -122,6 +122,13 @@ $desktop-toggle-button-item-height: $desktop-menu-item-height - 2px; width: 20px; } + .page-header__notification-button .mat-badge-medium.mat-badge-overlap .mat-badge-content { + height: 18px; + line-height: 18px; + right: -8px; + top: -8px; + width: 18px; + } } .dashboard .dashboard__inner { diff --git a/src/frontend/packages/core/src/shared/components/page-header/page-header.component.scss b/src/frontend/packages/core/src/shared/components/page-header/page-header.component.scss index 22c1acca80..9d223c039b 100644 --- a/src/frontend/packages/core/src/shared/components/page-header/page-header.component.scss +++ b/src/frontend/packages/core/src/shared/components/page-header/page-header.component.scss @@ -99,6 +99,7 @@ $bottom-index: $top-index - 1; height: 20vh; } &__divider { + cursor: default; opacity: .3; padding: 0 10px 0 5px; } diff --git a/src/frontend/packages/core/src/shared/components/page-header/page-header.component.theme.scss b/src/frontend/packages/core/src/shared/components/page-header/page-header.component.theme.scss index 06f0646ead..69b9a50a94 100644 --- a/src/frontend/packages/core/src/shared/components/page-header/page-header.component.theme.scss +++ b/src/frontend/packages/core/src/shared/components/page-header/page-header.component.theme.scss @@ -51,7 +51,11 @@ color: $underflow-foreground; } &__divider { - color: mat-contrast($primary, 500); + @if $header-border and $header-border != 'none' { + color: $header-border; + } @else { + color: mat-contrast($primary, 500); + } } &__menu-icon { background-color: mat-contrast($primary, 500);