Fixed logout button not on the bottem issue (#395)

Co-authored-by: Sharma <[email protected]>
Co-authored-by: tumms2021389 <[email protected]>

Author: 3 people

packages/angular-sdk-components/src/lib/_components/infra/navbar/navbar.component.html

@@ -36,17 +36,15 @@
     </mat-list-item>
   </mat-list>
   <div class="psdk-nav-divider"></div>
-  <div>
-    <mat-list id="profile">
-      <mat-list-item [matMenuTriggerFor]="menu" class="psdk-profile-list-item">
-        <div class="flex-box">
-          <div class="psdk-nav-oper-avatar">{{ portalOperatorInitials$ }}</div>
-          <span class="psdk-nav-button-span">{{ portalOperator$ }}</span>
-        </div>
-      </mat-list-item>
-      <mat-menu #menu="matMenu">
-        <button mat-menu-item (click)="navPanelLogoutClick()">{{ localizedVal('Log off', localeCategory) }}</button>
-      </mat-menu>
-    </mat-list>
-  </div>
+  <mat-list id="profile" class="psdk-logout-button">
+    <mat-list-item [matMenuTriggerFor]="menu" class="psdk-profile-list-item">
+      <div class="flex-box">
+        <div class="psdk-nav-oper-avatar">{{ portalOperatorInitials$ }}</div>
+        <span class="psdk-nav-button-span">{{ portalOperator$ }}</span>
+      </div>
+    </mat-list-item>
+    <mat-menu #menu="matMenu">
+      <button mat-menu-item (click)="navPanelLogoutClick()">{{ localizedVal('Log off', localeCategory) }}</button>
+    </mat-menu>
+  </mat-list>
 </div>

packages/angular-sdk-components/src/lib/_components/infra/navbar/navbar.component.scss

@@ -163,3 +163,8 @@ mat-list-item {
   height: 24px;
   border-radius: 50%;
 }
+
+.psdk-logout-button {
+  flex: 1;
+  align-content: flex-end;
+}