From 2519c3ffb0777e5c926b2a40dfd05f30bc51d368 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 2 Sep 2023 17:57:50 +0200
Subject: [PATCH] Bugfix/fix alignment in menu of impersonation mode (#2284)

* Fix alignment

* Update changelog
---
 CHANGELOG.md                                  |  1 +
 .../components/header/header.component.html   | 46 ++++++++++---------
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d53711dd1..bbe26704c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,6 +22,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed the alignment in the header navigation
+- Fixed the alignment in the menu of the impersonation mode
 
 ## 1.304.0 - 2023-08-27
 
diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index 7789070b8..5c412a1b9 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -129,33 +129,37 @@
         <mat-menu #accountMenu="matMenu" xPosition="before">
           <ng-container *ngIf="user?.access?.length > 0">
             <button mat-menu-item (click)="impersonateAccount(null)">
-              <ion-icon
-                *ngIf="user?.access?.length > 0"
-                class="mr-2"
-                [name]="
-                  impersonationId
-                    ? 'radio-button-off-outline'
-                    : 'radio-button-on-outline'
-                "
-              ></ion-icon>
-              <span i18n>Me</span>
+              <span class="align-items-center d-flex">
+                <ion-icon
+                  *ngIf="user?.access?.length > 0"
+                  class="mr-2"
+                  [name]="
+                    impersonationId
+                      ? 'radio-button-off-outline'
+                      : 'radio-button-on-outline'
+                  "
+                ></ion-icon>
+                <span i18n>Me</span>
+              </span>
             </button>
             <button
               *ngFor="let accessItem of user?.access"
               mat-menu-item
               (click)="impersonateAccount(accessItem.id)"
             >
-              <ion-icon
-                class="mr-2"
-                name="square-outline"
-                [name]="
-                  accessItem.id === impersonationId
-                    ? 'radio-button-on-outline'
-                    : 'radio-button-off-outline'
-                "
-              ></ion-icon>
-              <span *ngIf="accessItem.alias">{{ accessItem.alias }}</span>
-              <span *ngIf="!accessItem.alias" i18n>User</span>
+              <span class="align-items-center d-flex">
+                <ion-icon
+                  class="mr-2"
+                  name="square-outline"
+                  [name]="
+                    accessItem.id === impersonationId
+                      ? 'radio-button-on-outline'
+                      : 'radio-button-off-outline'
+                  "
+                ></ion-icon>
+                <span *ngIf="accessItem.alias">{{ accessItem.alias }}</span>
+                <span *ngIf="!accessItem.alias" i18n>User</span>
+              </span>
             </button>
             <hr class="m-0" />
           </ng-container>