- Increase sidebar width by 50px

Author: DannyBen

app/styles/_manifest.scss

@@ -13,6 +13,7 @@
 @import "breadcrumbs";
 @import "nav";
 @import "icons";
+@import "scrollbar";
 
 // Last
 @import "general";

app/styles/_nav.scss

@@ -11,7 +11,7 @@ nav {
   // border-right: 1px solid #ccc;
 
   height: 100vh;
-  width: 250px;
+  width: 300px;
   overflow-y: auto;
   position: fixed;
 
@@ -49,13 +49,3 @@ nav {
     display: block;
   }
 }
-
-
-// Nicer sidebar scrollbars
-::-webkit-scrollbar {
-  width: 6px;
-}
-::-webkit-scrollbar-thumb {
-  background: #ddd;
-  -webkit-border-radius: 3px;
-}

app/styles/_scrollbar.scss

@@ -0,0 +1,9 @@
+// Scrollbar
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-thumb {
+  background: #ccc;
+  -webkit-border-radius: 3px;
+}