fixes and first steps towards navigation on the side

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;
+            }
         }
     }
 }