FEAT #8731 A touch of color

src/frontend/app/administration/user/user-administration.component.ts

@@ -123,7 +123,7 @@ export class UserAdministrationComponent extends AutoCompletePlugin implements O
                         this.data = data.history;
                         this.userId = data.user_id;
                         this.minDate = new Date(this.CurrentYear + '-' + this.currentMonth + '-01');
-                        this.headerService.headerMessage = this.lang.userModification + " " +  data.firstname + " " + data.lastname;
+                        this.headerService.headerMessage = this.lang.userModification + " <small>" +  data.firstname + " " + data.lastname + "</small>";
                         this.loading = false;
                         setTimeout(() => {
                             this.dataSource = new MatTableDataSource(this.data);

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

 <mat-toolbar color="primary" class="admin-toolbar">
-    <button mat-button (click)="this.snav.toggle();" style="min-width: 50px;padding: 5px;opacity: 0.5;">
+    <button mat-button (click)="this.snav.toggle();" style="min-width: 50px;padding: 5px;opacity: 0.8;color: #F99830">
         <mat-icon class="fa fa-bars fa-2x"></mat-icon>
     </button>
     <a href="#" title="{{lang.home}}" *ngIf="!mobileMode" style="margin-right: 30px;"><mat-icon class="maarchLogo" svgIcon="maarchLogo"></mat-icon></a>
-    <h1 class="admin-toolbar-title" *ngIf="!mobileMode">{{headerService.headerMessage}}
+    <h1 class="admin-toolbar-title" *ngIf="!mobileMode" [innerHTML]="headerService.headerMessage">
     </h1>
     <span style="flex: 1 1 auto;"></span>
     <search-home></search-home>

src/frontend/css/engine.css

@@ -194,8 +194,8 @@ h1.admin-app-name {
 }
 
 .admin-toolbar-title small {
-    color: white !important;
-    opacity: 0.5;
+    color: #F99830 !important;
+    opacity: 0.9;
 }
 
 .admin-sidenav-container {