diff --git a/lib/core/layout/components/header/header.component.scss b/lib/core/layout/components/header/header.component.scss index f68b932c90..7f7f53bce5 100644 --- a/lib/core/layout/components/header/header.component.scss +++ b/lib/core/layout/components/header/header.component.scss @@ -12,19 +12,37 @@ .adf-menu-icon { position: relative; margin-left: -11px; - margin-right: 3px; + margin-right: 0; + + .mat-icon { + font-size: 29px; + padding: 0 5px 0 0; + } } .adf-app-logo { position: relative; height: 28px; width: 28px; - margin-right: 6px; + vertical-align: middle; + margin-left: 6px; + margin-top: -3px; } .adf-app-title { cursor: pointer; outline: none; + margin-left: 6px; + letter-spacing: -0.3px; + font-weight: 100; + } + + .adf-toolbar-divider { + margin: 0 5px; + + & > div { + background-color: mat-color($background, card, 1); + } } .adf-header-delimiter { diff --git a/lib/core/toolbar/toolbar-divider.component.ts b/lib/core/toolbar/toolbar-divider.component.ts index a1627b5c8b..92f3306900 100644 --- a/lib/core/toolbar/toolbar-divider.component.ts +++ b/lib/core/toolbar/toolbar-divider.component.ts @@ -15,7 +15,7 @@ * limitations under the License. */ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'adf-toolbar-divider', @@ -30,6 +30,7 @@ import { Component, ViewEncapsulation } from '@angular/core'; margin-right: 5px; } `], - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + changeDetection: ChangeDetectionStrategy.OnPush }) export class ToolbarDividerComponent {}