From 502d6480b14d6c48ec004a5c94922b194e5cdc15 Mon Sep 17 00:00:00 2001
From: tomson <nastalytomasz@gmail.com>
Date: Thu, 21 Mar 2024 13:18:22 +0100
Subject: [PATCH] [ACS-7286] Fix topbar user info issues (#3720)

---
 .../common/user-info/user-info.component.html      | 14 ++++++++------
 .../common/user-info/user-info.component.scss      |  5 +++++
 .../sidenav/user-menu/user-menu.component.scss     |  2 +-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/projects/aca-content/src/lib/components/common/user-info/user-info.component.html b/projects/aca-content/src/lib/components/common/user-info/user-info.component.html
index 5dcc8e5891..37bf7c7730 100644
--- a/projects/aca-content/src/lib/components/common/user-info/user-info.component.html
+++ b/projects/aca-content/src/lib/components/common/user-info/user-info.component.html
@@ -1,11 +1,13 @@
 <div mat-menu-item class="aca-user-info" [routerLink]="['/profile']" title="{{ 'APP.TOOLTIPS.MY_PROFILE' | translate }}">
   <ng-container *ngIf="user$ | async as user">
-    <button class="aca-user-info-button">
-      <div>{{ user.initials || 'U' }}</div>
-    </button>
-    <div class="aca-user-info-details">
-      <div>{{ user.userName }}</div>
-      <div>{{ user.email }}</div>
+    <div class="aca-user-info-content">
+      <button class="aca-user-info-button">
+        <div>{{ user.initials || 'U' }}</div>
+      </button>
+      <div class="aca-user-info-details">
+        <div>{{ user.userName }}</div>
+        <div>{{ user.email }}</div>
+      </div>
     </div>
   </ng-container>
 </div>
diff --git a/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss b/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
index 730067a16e..8eb9aadfbc 100644
--- a/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
+++ b/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
@@ -3,6 +3,11 @@
   height: 66px;
   align-items: center;
 
+  &-content {
+    display: flex;
+    align-items: center;
+  }
+
   &-button {
     border-radius: 90%;
     height: 32px;
diff --git a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
index cfee62257a..b9b3fb9a4b 100644
--- a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
+++ b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
@@ -2,7 +2,7 @@
   border-radius: 90%;
   height: 32px;
   margin-right: 0;
-  min-width: 32px;
+  min-width: 36px;
   padding: 0;
   font-weight: 700;
   line-height: 32px;