From 009ce02301f81d0fac014f8121665f613b2f194b Mon Sep 17 00:00:00 2001
From: FlayInAHook <timmae2001@gmail.com>
Date: Wed, 16 Dec 2020 11:23:57 +0100
Subject: [PATCH] beautified various frontend parts

---
 src/app/app.component.html                               | 8 +++++---
 src/app/app.component.scss                               | 9 +++++++--
 .../sidenav-profile/sidenav-profile.component.html       | 2 +-
 .../sidenav-profile/sidenav-profile.component.scss       | 2 --
 src/app/tableLinks.ts                                    | 5 ++---
 5 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 7331aed..fd22569 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -30,9 +30,11 @@
   <mat-sidenav-container id="content">
     <mat-sidenav #appDrawer mode="over" opened="false">
       <mat-nav-list class="nav-profile-list">
-        <mat-list-item class="nav-profile-list-item">
-          <sidenav-profile> </sidenav-profile>
-        </mat-list-item>
+        <a routerLink = "/profile">
+          <mat-list-item class="nav-profile-list-item">
+            <sidenav-profile> </sidenav-profile>
+          </mat-list-item>
+        </a>
       </mat-nav-list>
       <mat-nav-list>
         <a
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 23e55dd..05b3b03 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -26,8 +26,13 @@ $primary-color: mat-color($light-primary, 300);
 }
 
 mat-nav-list .nav-profile-list-item {
-  height:200px;
-  background: $primary-color;
+  height: 200px;
+  background: #7fc600;
+}
+
+mat-nav-list .nav-profile-list-item:hover {
+  height: 200px;
+  background: #93e406;
 }
 
 .nav-list-icon {
diff --git a/src/app/components/sidenav-profile/sidenav-profile.component.html b/src/app/components/sidenav-profile/sidenav-profile.component.html
index 613d238..b7590e3 100644
--- a/src/app/components/sidenav-profile/sidenav-profile.component.html
+++ b/src/app/components/sidenav-profile/sidenav-profile.component.html
@@ -1,4 +1,4 @@
-<div (click)="closeSidenav()" routerLink = "/profile" class="sidenav-profile">
+<div (click)="closeSidenav()" class="sidenav-profile">
     <img class="navbar-photo" src={{profileURL}}>
     <p>{{name}}</p>
     <p>{{email}}</p>
diff --git a/src/app/components/sidenav-profile/sidenav-profile.component.scss b/src/app/components/sidenav-profile/sidenav-profile.component.scss
index d210ece..660d8b2 100644
--- a/src/app/components/sidenav-profile/sidenav-profile.component.scss
+++ b/src/app/components/sidenav-profile/sidenav-profile.component.scss
@@ -1,5 +1,3 @@
-@import '../../../theme';
-
 .navbar-photo {
     width:100px;
     height:100px;
diff --git a/src/app/tableLinks.ts b/src/app/tableLinks.ts
index 172474f..c02e91a 100644
--- a/src/app/tableLinks.ts
+++ b/src/app/tableLinks.ts
@@ -2,9 +2,8 @@
 export const tableLinks = [
     {
       displayName: 'Lastenräder',
-     
-      route: '/table/bikes',
-      svgIconName: 'cargobike' 
+      iconName: 'directions_bike',
+      route: '/table/bikes'
     },
     {
       displayName: 'Aktive',