wfprev 162 163 (#314)

bcgov · Nov 29, 2024 · 5394ea2 · 5394ea2
1 parent 602a6fa
commit 5394ea2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/...ar/src/main/angular/src/app/components/shared-layout/app-header/app-header.component.html b/...ar/src/main/angular/src/app/components/shared-layout/app-header/app-header.component.html
@@ -19,7 +19,7 @@
                 <mat-icon >account_circle</mat-icon> 
                 <span class="user-name">{{currentUser}}</span>
                 <!-- Replace this with signed in user once authentication piece is ready -->
-                <mat-icon>keyboard_arrow_down</mat-icon> <!-- Down Arrow -->
+                <mat-icon class="keyboard-arrow-down">keyboard_arrow_down</mat-icon> <!-- Down Arrow -->
             </button>
             <mat-menu #menu="matMenu">
                 <button mat-menu-item (click)="onLogoutClick()">Logout</button>

diff --git a/...ar/src/main/angular/src/app/components/shared-layout/app-header/app-header.component.scss b/...ar/src/main/angular/src/app/components/shared-layout/app-header/app-header.component.scss
@@ -1,5 +1,4 @@
 .header-container {
-    cursor: pointer;
     height: var(--header-height);
     background-color: var(--wf-header-background-color);
     display: flex;
@@ -13,6 +12,8 @@
 
     /* BC Logo Section */
     .bc-logo {
+      cursor: pointer;
+
       display: flex;
       justify-content: flex-start;
       align-items: center;
@@ -84,13 +85,14 @@
         display: flex;
         align-items: center;
         color: white;
-
+        padding-right: 25px;
         mat-icon {
           margin-right: 5px;
         }
       }
 
       .training {
+        cursor: pointer;
         white-space: nowrap;
         color: white;
         &.can-click:hover {
@@ -106,4 +108,8 @@
     height: 20px;
     margin: 0 15px;
 }
-
+
+.keyboard-arrow-down{
+  position: fixed !important;
+  right: 5px;
+}