From 15412c0311e1efe16a6aec5506ec43ae2ee39128 Mon Sep 17 00:00:00 2001
From: Vijeinath Tissaveerasingham <vijeinath@gmx.ch>
Date: Mon, 28 Sep 2020 14:14:40 +0200
Subject: [PATCH] refactoring scss

---
 src/app/app.component.html |  2 +-
 src/app/app.component.scss | 36 ++++++++++++++++++++----------------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 90932b71..b9a28a6a 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -18,7 +18,7 @@
         <mat-sidenav-content>
 
             <mat-toolbar>
-                <mat-toolbar-row style="justify-content: space-between">
+                <mat-toolbar-row>
                     <button mat-icon-button fxShow="true" fxHide.gt-xs (click)="sidenav.toggle()">
                         <mat-icon>menu</mat-icon>
                     </button>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 9ee2fafc..fca98e82 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -4,21 +4,8 @@ mat-toolbar {
   min-height: 4rem;
   max-height: 4rem;
 
-  a {
-    font-family: 'Open Sans', sans-serif !important;
-    font-weight: bold;
-  }
-
-  a:hover {
-    color: rgb(159,11,11);
-  }
-
-  button:hover {
-    color: rgb(159,11,11);
-  }
-
-  div {
-    //background: rgba(0,0,0, 0.15);
+  .mat-toolbar-row {
+    justify-content: space-between;
 
     a {
       font-family: 'Open Sans', sans-serif !important;
@@ -27,7 +14,24 @@ mat-toolbar {
 
     a:hover {
       color: rgb(159,11,11);
-      //background: rgba(255,255,255, 0.7);
+    }
+
+    button:hover {
+      color: rgb(159,11,11);
+    }
+
+    div {
+      //background: rgba(0,0,0, 0.15);
+
+      a {
+        font-family: 'Open Sans', sans-serif !important;
+        font-weight: bold;
+      }
+
+      a:hover {
+        color: rgb(159,11,11);
+        //background: rgba(255,255,255, 0.7);
+      }
     }
   }
 }