Refactoring and uncluttering

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

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;

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>