From 8f2e607b616758bdad7b6c4ed73af5f9d2afa4db Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Tue, 4 Aug 2020 23:47:14 +0200
Subject: [PATCH] Styling sidebar navigation

---
 .../02_Molecules/navigation/_navigation.scss   | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss
index 3f50b83..a247705 100644
--- a/components/02_Molecules/navigation/_navigation.scss
+++ b/components/02_Molecules/navigation/_navigation.scss
@@ -30,22 +30,30 @@
     }
 
     &--sidebar{
-        border: none;
-        min-width: 80px;
+        border-top: 1px solid $-light-brown;
+        min-width: 60px;
+        background-color: $-almost-white;
+        height: 100%;
         .LP-Menu__List{
+            margin-left: 25px;
+            margin-top: 25px;
             flex-direction: column;
 
             .LP-Menu__Item{
                 text-align: left;
-                border-left: 1px solid $-light-brown;
                 margin-bottom: 10px;
+                padding: 5px;
+                padding-left: 25px;
 
                 &:last-child{
                     margin-bottom: 0;
                 }
 
-                .LP-Link:hover{
-                    background-color: $-almost-white;
+                &:hover{
+                    border-left: 2px solid $-light-brown;
+                    position: relative;
+                    background-color: $-beige;
+                    left: -2px;
                     
                 }
             }