Feature/new logo (#186)

* favicon + logo

Author: antoniasymeonidou

ui/pi-web-agent-app/src/app/main-view/main-view.component.html

@@ -1,24 +1,26 @@
 <div class="main-container" [class.main-is-mobile]="mobileQuery.matches">
-    <mat-toolbar color="primary" class="main-toolbar">
-        <button mat-icon-button (click)="snav.toggle()">
-            <mat-icon>menu</mat-icon>
-        </button>
-        <h1 class="main-app-name">{{title}}</h1>
-    </mat-toolbar>
+<mat-toolbar color="primary" class="main-toolbar">
+    <button mat-icon-button (click)="snav.toggle()">
+        <mat-icon>menu</mat-icon>
+    </button>
+    <h1 class="main-app-name">{{title}}</h1><span class="example-spacer"></span>
+    <img src="/assets/images/logo 64x64.png">
+</mat-toolbar>
 
-    <mat-sidenav-container class="main-sidenav-container" [style.marginTop.px]="mobileQuery.matches ? 56 : 0">
-        <mat-sidenav #snav [mode]="mobileQuery.matches ? 'over' : 'side'" [fixedInViewport]="mobileQuery.matches"
-            fixedTopGap="56">
-            <mat-nav-list>
-                <a mat-list-item routerLink="/"><mat-icon>home</mat-icon>Main screen</a>
-                <a mat-list-item routerLink="/power-management"> <mat-icon>settings_power</mat-icon>Power Management</a>
-            </mat-nav-list>
-        </mat-sidenav>
+<mat-sidenav-container class="main-sidenav-container" [style.marginTop.px]="mobileQuery.matches ? 56 : 0">
+    <mat-sidenav #snav [mode]="mobileQuery.matches ? 'over' : 'side'" [fixedInViewport]="mobileQuery.matches"
+        fixedTopGap="56">
+        
+        <mat-nav-list>
+            <a mat-list-item routerLink="/"><mat-icon>home</mat-icon>Main screen</a>
+            <a mat-list-item routerLink="/power-management"> <mat-icon>settings_power</mat-icon>Power Management</a>
+        </mat-nav-list>
+    </mat-sidenav>
 
-        <mat-sidenav-content>
-            <router-outlet></router-outlet>
-        </mat-sidenav-content>
-    </mat-sidenav-container>
-    <app-online-indicator></app-online-indicator>
+    <mat-sidenav-content>
+        <router-outlet></router-outlet>
+    </mat-sidenav-content>
+</mat-sidenav-container>
+<app-online-indicator></app-online-indicator>
 </div>
 

ui/pi-web-agent-app/src/app/main-view/main-view.component.scss

@@ -14,6 +14,11 @@
     z-index: 2;
   }
 
+  .example-spacer {
+    flex: 1 1 auto;
+  }
+  
+
   h1.main-app-name {
     margin-left: 8px;
   }