From 19c7bc9442979c122541aa5f220097fc3e76f99e Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Tue, 4 Aug 2020 19:41:47 +0200
Subject: [PATCH] fixes and first steps towards navigation on the side

---
 .../02_Molecules/navigation/_navigation.scss  | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss
index a3398dc..df773c8 100644
--- a/components/02_Molecules/navigation/_navigation.scss
+++ b/components/02_Molecules/navigation/_navigation.scss
@@ -1,9 +1,10 @@
 .LP-Menu{
+    border-left: 1px solid $-light-brown;
     .LP-Menu__List {
         list-style-type: none;
         display: flex;
         flex-direction: row;
-        justify-content: space-between;
+        justify-content: space-around;
         padding: 0;
         margin: 0;
     }
@@ -11,7 +12,6 @@
     .LP-Menu__Item {
         padding: 15px 0;
         margin: 0;
-        width: 100px;
         text-align: center;
         background-color: transparent;
     }
@@ -24,6 +24,24 @@
             color: $-wine-red;
         }
     }
+
+    &--sidebar{
+        border: none;
+        min-width: 80px;
+        .LP-Menu__List{
+            flex-direction: column;
+
+            .LP-Menu__Item{
+                text-align: left;
+                border-left: 1px solid $-light-brown;
+                margin-bottom: 10px;
+
+                &:last-child{
+                    margin-bottom: 0;
+                }
+            }
+        }
+    }
 }
 
 @media(max-width: $-viewport-medium){
@@ -32,7 +50,11 @@
         .LP-Menu__List{
             display: flex;
             flex-direction: row;
-            justify-content: flex-start
+            justify-content: flex-start;
+
+            .LP-Menu__Item{
+                flex: 1 1 auto;
+            }
         }
     }
 }