Small UI fixing

jambotron-ui/src/app/app.component.html

@@ -1,5 +1,5 @@
 <div>
-  <nav class="navbar navbar-expand navbar-dark bg-dark">
+ <!-- <nav class="navbar navbar-expand navbar-dark bg-dark">
     <a href="#" class="navbar-brand">Spring-AngularTS</a>
 
     <ul class="navbar-nav mr-auto" routerLinkActive="active">
@@ -41,16 +41,28 @@
       </li>
     </ul>
 
-  </nav>
+  </nav>-->
   <mat-toolbar>
-
     <button mat-raised-button routerLink="/" href="#">
       My App
     </button>
-    <span>My App
-    </span>
     <span class="example-spacer"></span>
-    <button mat-raised-button *ngIf="!isLoggedIn">
+    <button mat-raised-button routerLink="tutorials">
+      Tutorials
+    </button>
+    <button mat-raised-button routerLink="add" *ngIf="isLoggedIn">
+      Add tutorial
+    </button>
+    <span class="example-spacer"></span>
+    @if (showAdminBoard) {
+      <button mat-raised-button routerLink="admin" >
+        <mat-icon>manage_accounts</mat-icon>
+        Admin Bord
+      </button>
+    }
+
+    <span class="example-spacer"></span>
+    <button mat-raised-button routerLink="register" *ngIf="!isLoggedIn">
       <mat-icon>app_registration</mat-icon>
       Register
     </button>
@@ -60,7 +72,7 @@
       Login
     </button>
 
-    <button mat-raised-button *ngIf="isLoggedIn">
+    <button mat-raised-button routerLink="profile" *ngIf="isLoggedIn">
       <mat-icon>account_circle</mat-icon>
       {{ username }}
     </button>