FIX #10387 TIME 0:20 align profile firstname / lastname

src/frontend/app/header/header-right.component.html

@@ -29,9 +29,9 @@
             </button>
         </ng-container>
     </mat-menu>
-    <button *ngIf="!mobileMode" mat-button [matMenuTriggerFor]="menu" class="userProfilButtom">
+    <button *ngIf="!mobileMode" mat-button [matMenuTriggerFor]="menu">
         <mat-icon mat-list-icon class="fa fa-user fa-2x" style="color:white; margin:0px 12px 8px 0px;"></mat-icon>
-        {{headerService.user.firstname | titlecase }} <b>{{headerService.user.lastname | uppercase}}</b>
+        <span>{{headerService.user.firstname | titlecase }}</span>&nbsp;<b>{{headerService.user.lastname | uppercase}}</b>
     </button>
     <button *ngIf="mobileMode" mat-icon-button [matMenuTriggerFor]="menu">
         <mat-icon mat-list-icon class="fa fa-user fa-2x" style="color:white;height: auto;"></mat-icon>

src/frontend/app/header/header-right.component.scss

@@ -10,10 +10,4 @@
         font-size: 12px;
         opacity: 0.5;
     }
-}
-
-.userProfilButtom {
-    ::ng-deep.mat-button-wrapper {
-        vertical-align: middle;
-    }
 }
\ No newline at end of file

src/frontend/app/menu/main-header.component.html

@@ -18,7 +18,7 @@
         </ng-container>
     </mat-menu>
     <button mat-button [matMenuTriggerFor]="menu" *ngIf="!mobileMode">
-        <mat-icon mat-list-icon class="fa fa-user fa-2x" style="color:white; margin:0px 12px 8px 0px;"></mat-icon>{{headerService.user.firstname | titlecase }} <b>{{headerService.user.lastname | uppercase}}</b></button>
+        <mat-icon mat-list-icon class="fa fa-user fa-2x" style="color:white; margin:0px 12px 8px 0px;"></mat-icon><span>{{headerService.user.firstname | titlecase }}</span>&nbsp;<b>{{headerService.user.lastname | uppercase}}</b></button>
     <mat-menu #menu="matMenu" class="headerMaarch">
         <canvas class="header-bg" width="250" height="70" style="margin-top:-8px;background-image: url('static.php?filename=login-banner.jpg');background-size:cover;border-bottom: solid 1px white;"></canvas>
         <i title="{{lang.myProfileAccess}}" routerLink="/profile" style="cursor:pointer;z-index:1;color:white;position: absolute;left: 85px;top: 17px;background-image: url('static.php?filename=logo_only.svg');width: 70px;height: 70px;background-size: cover;background-position: top center;border-radius: 50%;border: solid white;background-color:white;"></i>