From 5831bc1d77433fe8623870e1b1b6d65f8e3ae4be Mon Sep 17 00:00:00 2001
From: Georgiana Roman <38908609+georgiana-roman@users.noreply.github.com>
Date: Wed, 23 May 2018 21:23:50 +0300
Subject: [PATCH] [ADF-2774] fixed message bus, background and language
 dropdowns that were hidden by the toolbar (#3379)

---
 .../app/components/app-layout/app-layout.component.html   | 2 +-
 .../app/components/app-layout/app-layout.component.scss   | 8 ++++++++
 demo-shell/src/app/components/log/log.component.css       | 2 +-
 .../src/app/components/theme-picker/theme-picker.html     | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.html b/demo-shell/src/app/components/app-layout/app-layout.component.html
index 8b46a8b43e..100f20159f 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.html
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.html
@@ -23,7 +23,7 @@
                 <button mat-icon-button [matMenuTriggerFor]="langMenu">
                     <mat-icon>language</mat-icon>
                 </button>
-                <mat-menu #langMenu="matMenu">
+                <mat-menu #langMenu="matMenu" class="adf-menu">
                     <adf-language-menu></adf-language-menu>
                 </mat-menu>
             </mat-toolbar>
diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.scss b/demo-shell/src/app/components/app-layout/app-layout.component.scss
index 451ee1d263..6e155b7420 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.scss
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.scss
@@ -24,6 +24,10 @@
        overflow: visible !important;
    }
 
+   .adf-menu {
+       padding-top: 55px;
+   }
+
   .adf-app-layout {
     display: flex;
     flex: 1;
@@ -98,6 +102,10 @@
     .adf-userinfo-name {
       display: none;
     }
+
+    .adf-menu {
+        padding-top: 0px;
+    }
   }
 
   @media screen and ($mat-xsmall) {
diff --git a/demo-shell/src/app/components/log/log.component.css b/demo-shell/src/app/components/log/log.component.css
index db52602747..d44834a91c 100644
--- a/demo-shell/src/app/components/log/log.component.css
+++ b/demo-shell/src/app/components/log/log.component.css
@@ -12,7 +12,7 @@
     height: 20%;
     width: 40%;
     position: fixed;
-    top: 1em;
+    top: 4em;
     right: 1em;
     opacity: 0.9;
     overflow: scroll;
diff --git a/demo-shell/src/app/components/theme-picker/theme-picker.html b/demo-shell/src/app/components/theme-picker/theme-picker.html
index 2a8c93054c..a060f53a0d 100644
--- a/demo-shell/src/app/components/theme-picker/theme-picker.html
+++ b/demo-shell/src/app/components/theme-picker/theme-picker.html
@@ -2,7 +2,7 @@
     <mat-icon>format_color_fill</mat-icon>
 </button>
 
-<mat-menu class="docs-theme-picker-menu" #themeMenu="matMenu" x-position="before">
+<mat-menu class="docs-theme-picker-menu adf-menu" #themeMenu="matMenu" x-position="before">
     <button *ngFor="let theme of themes" [attr.data-automation-id]="theme.name" mat-menu-item (click)="installTheme(theme)" >
         <mat-icon mat-list-icon [matTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
                  [style.background]="theme.primary"