FEAT #257 update css

apps/maarch_entreprise/Views/menu-top.component.html

-<button 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>{{user.firstname.charAt(0) | uppercase}}. {{user.lastname | uppercase}}</button>
+<button 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>{{user.firstname.charAt(0) | uppercase}}. {{user.lastname | uppercase}}</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 style="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>
+    <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>
     <div class="content" style="padding-top:10px;color:white;max-height:250px;overflow-y:auto;overflow-x:hidden;">
-        <p class="text-center">{{user.firstname}} {{user.lastname | uppercase}}</p>
+        <p routerLink="/profile" class="text-center" style="cursor:pointer;">{{user.firstname}} {{user.lastname | uppercase}}</p>
         <mat-list>
-            <h3 mat-subheader>{{lang.groups}}</h3>
+            <h3 mat-subheader style="color:white;">{{lang.groups}}</h3>
+            <mat-divider></mat-divider>
             <mat-list-item *ngFor="let group of user.groups">
                 <p mat-line style="color:white;opacity:0.5;"> {{group.group_desc}} </p>
             </mat-list-item>
+            <h3 mat-subheader style="color:white;">{{lang.entities}}</h3>
             <mat-divider></mat-divider>
-            <h3 mat-subheader>{{lang.entities}}</h3>
             <mat-list-item *ngFor="let entity of user.entities">
                 <p mat-line style="color:white;opacity:0.5;"> {{entity.entity_label}} </p>
             </mat-list-item>
-
-            <h3 mat-subheader>{{lang.myMenu}}</h3>
-            <a mat-list-item routerLink="/profile">
-                <p mat-line style="color:white;opacity:0.5;">
-                    {{lang.myProfile}}
-                </p>
-            </a>
-            <a mat-list-item href="index.php?display=true&page=logout&logout=true">
-                <p mat-line style="color:white;opacity:0.5;">
-                    {{lang.logout}}
-                </p>
-            </a>
         </mat-list>
     </div>
+    <div style="display:flex;padding: 5px 5px 0 5px;">
+        <div style="text-align:left;flex:1">
+            <a routerLink="/profile" style="color: white;padding-left: 10px;"><span class="badge" style="background:white;" color="primary">{{lang.myProfile}}</span></a>
+        </div>
+        <div style="text-align:right;flex:2;">
+            <a href="index.php?display=true&page=logout&logout=true" style="color: white;padding-right: 10px;"><span class="badge" style="background:white;" color="primary">{{lang.logout}}</span></a>
+        </div>
+    </div>
+
 </mat-menu>
\ No newline at end of file

apps/maarch_entreprise/js/angular/lang/lang-en.ts

@@ -199,6 +199,7 @@ export const LANG_EN = {
     "move"                              : "Move",
     "myMenu"                            : "Personal menu",
     "myProfile"                         : "My profile",
+    "myProfileAccess"                   : "Access to my profile",
     "newAction"                         : "New action",
     "newElement"                        : "New element",
     "newPsw"                            : "New password",

apps/maarch_entreprise/js/angular/lang/lang-fr.ts

@@ -214,6 +214,7 @@ export const LANG_FR = {
     "move"                              : "Déplacer",
     "myMenu"                            : "Menu personnel",
     "myProfile"                         : "Mon profil",
+    "myProfileAccess"                   : "Accéder à mon profil",
     "newAction"                         : "Nouvelle action",
     "newElement"                        : "Nouvel élément",
     "newPsw"                            : "Nouveau mot de passe",