From af634294e2ee664619ef77050aa39f06c8b2b126 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 5 Aug 2020 13:19:00 +0200
Subject: [PATCH] Refactoring and uncluttering

---
 .../02_Molecules/navigation/_navigation.scss    | 17 ++++++++++-------
 components/05_Pages/_pages.scss                 |  2 +-
 components/05_Pages/placeDetail/placeDetail.hbs |  2 +-
 public/components.css                           | 16 ++++++++--------
 4 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss
index a247705..fd0bdc8 100644
--- a/components/02_Molecules/navigation/_navigation.scss
+++ b/components/02_Molecules/navigation/_navigation.scss
@@ -30,30 +30,33 @@
     }
 
     &--sidebar{
-        border-top: 1px solid $-light-brown;
+		border-top: 1px solid $-light-brown;
+		border-left: none;
         min-width: 60px;
         background-color: $-almost-white;
-        height: 100%;
+		height: 100%;
+		padding-top: 25px;
+		
         .LP-Menu__List{
-            margin-left: 25px;
-            margin-top: 25px;
             flex-direction: column;
 
             .LP-Menu__Item{
                 text-align: left;
                 margin-bottom: 10px;
-                padding: 5px;
                 padding-left: 25px;
 
+				.LP-Link{
+					line-height: 1em;
+				}
+				
                 &:last-child{
                     margin-bottom: 0;
                 }
 
                 &:hover{
-                    border-left: 2px solid $-light-brown;
+                    border-right: 2px solid $-light-brown;
                     position: relative;
                     background-color: $-beige;
-                    left: -2px;
                     
                 }
             }
diff --git a/components/05_Pages/_pages.scss b/components/05_Pages/_pages.scss
index 42382c1..d600941 100644
--- a/components/05_Pages/_pages.scss
+++ b/components/05_Pages/_pages.scss
@@ -11,7 +11,7 @@ $-sidebar-width: 250px;
          min-height: 1px;
     }
 
-    .LP-Main__Navigation{
+    .LP-Main__Sidebar{
         flex-shrink: 0;
         width: $-sidebar-width;
         flex-grow: 0;
diff --git a/components/05_Pages/placeDetail/placeDetail.hbs b/components/05_Pages/placeDetail/placeDetail.hbs
index a7580dd..4ab5ab5 100644
--- a/components/05_Pages/placeDetail/placeDetail.hbs
+++ b/components/05_Pages/placeDetail/placeDetail.hbs
@@ -3,7 +3,7 @@
     <section class="LP-Main__Content">
         
     </section>
-    <section class="LP-Main__Navigation">
+    <section class="LP-Main__Sidebar">
         {{> @navigation modifier='--sidebar'}}
     </section>
 </article>
\ No newline at end of file
diff --git a/public/components.css b/public/components.css
index f9e48be..619b9c6 100644
--- a/public/components.css
+++ b/public/components.css
@@ -262,25 +262,25 @@ body {
       color: #76323F; }
   .LP-Menu--sidebar {
     border-top: 1px solid #C09F80;
+    border-left: none;
     min-width: 60px;
     background-color: #f9f9f9;
-    height: 100%; }
+    height: 100%;
+    padding-top: 25px; }
     .LP-Menu--sidebar .LP-Menu__List {
-      margin-left: 25px;
-      margin-top: 25px;
       flex-direction: column; }
       .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item {
         text-align: left;
         margin-bottom: 10px;
-        padding: 5px;
         padding-left: 25px; }
+        .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link {
+          line-height: 1em; }
         .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
           margin-bottom: 0; }
         .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:hover {
-          border-left: 2px solid #C09F80;
+          border-right: 2px solid #C09F80;
           position: relative;
-          background-color: #D7CEC7;
-          left: -2px; }
+          background-color: #D7CEC7; }
 
 @media (max-width: 750px) {
   .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
@@ -523,7 +523,7 @@ body {
     flex-grow: 1;
     width: calc(100% -300px);
     min-height: 1px; }
-  .LP-Main .LP-Main__Navigation {
+  .LP-Main .LP-Main__Sidebar {
     flex-shrink: 0;
     width: 250px;
     flex-grow: 0;