Merge pull request #3983 from cloudfoundry/firefox-fix

Fix alignment of user button on newer Firefox
cloudfoundry · Oct 15, 2019 · 8baa937 · 8baa937
2 parents 423ba10 + bfb0591
commit 8baa937
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/frontend/packages/core/src/shared/components/page-header/page-header.component.html b/src/frontend/packages/core/src/shared/components/page-header/page-header.component.html
@@ -48,7 +48,7 @@ <h3>Recent</h3>
                 notifications
               </mat-icon>
             </button>
-            <button id="userMenu" *ngIf="!hideMenu" class="page-header__menu-button" mat-icon-button
+            <button id="userMenu" *ngIf="!hideMenu" class="page-header__menu-button page-header__usermenu" mat-icon-button
               [matMenuTriggerFor]="menu">
               <div class="page-header__menu-button-icon"> {{ userNameFirstLetter$ | async }} </div>
             </button>

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
@@ -110,6 +110,9 @@ $bottom-index: $top-index - 1;
     display: flex;
     justify-content: center;
   }
+  &__usermenu {
+    padding: 5px 0;
+  }
   &__username {
     align-items: center;
     display: flex;