Updated sidebar UI

client/scss/components/sidebar.scss

@@ -7,19 +7,22 @@
 	min-height: 80vh;
 
 	aside {
+    padding: 1px 0 15px 0;
 
 		&:last-child {
 			padding-bottom: 20px;
 		}
 
 		.sidebar-label {
-			padding: 0 0 5px 0;
-			color: mc('blue-grey', '400');
+			padding: 8px;
+			color: mc('blue-grey', '300');
 			font-size: 13px;
 			letter-spacing: 1px;
 			text-transform: uppercase;
-			border-bottom: 1px solid mc('blue-grey', '700');
-			margin: 25px 10px 15px 10px;
+			background-color: mc('blue-grey', '800');
+			margin: 0 0 15px 0;
+      text-align: center;
+      box-shadow: 0 0 5px rgba(0,0,0,0.3);
 
 			i {
 				margin-right: 5px;

views/pages/admin/_layout.pug

@@ -20,7 +20,6 @@ block content
 
           aside
             .sidebar-label
-              i.icon-th-small
               span Navigation
             ul.sidebar-menu
               li
@@ -30,7 +29,6 @@ block content
 
           aside
             .sidebar-label
-              i.icon-head
               span Account
             ul.sidebar-menu
               li

views/pages/view.pug

@@ -36,7 +36,6 @@ block content
 
           aside
             .sidebar-label
-              i.icon-th-small
               span Navigation
             ul.sidebar-menu
               li
@@ -58,9 +57,8 @@ block content
                   a(href='/login')
                     i.icon-unlock
                     span Login
-          aside.stickyscroll(data-margin-top=40)
+          aside.stickyscroll(data-margin-top=15)
             .sidebar-label
-              i.icon-th-list
               span Page Contents
             ul.sidebar-menu
               li: a(href='#root', title='Top of Page') Top of Page