[ACS-7286] Fix topbar user info issues (#3720)

Alfresco · Apr 16, 2024 · 5f92453 · 5f92453
1 parent 04310a1
commit 5f92453
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 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
@@ -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
@@ -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
@@ -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;