Merge pull request #1 from nikandlv/developement

finished the task layouting the sidebar section

.gitignore

@@ -9,3 +9,4 @@ npm-debug.log
 npm-debug.log.*
 thumbs.db
 !.gitkeep
+.vscode

src/renderer/App.vue

@@ -13,21 +13,24 @@ import DockableSidebar from './layouts/DockableSidebar'
 import PlayerBar from './layouts/PlayerBar'
 export default {
   name: 'jukebox',
-  components: {DockableSidebar, PlayerBar}
+  components: { DockableSidebar, PlayerBar }
 }
 </script>
 
 <style lang="sass">
-@import 'normalize-scss';
+@import 'normalize-scss'
-@include normalize();
+@include normalize()
+
 .root,.page-wrapper
   display: flex
+
 .page-wrapper
   flex-direction: column
   flex-grow: 1
   height: 100vh
   box-sizing: border-box
   max-height: 100vh
+
   .page
     flex-grow: 1
     overflow: auto

src/renderer/layouts/DockableSidebar.vue

@@ -14,4 +14,5 @@ export default {
 section
     width: 100%
     max-width: 250px
+    padding: 2rem 3rem
 </style>