From 4a13e310c547ca23db9f025b4a484e606f1a1f3d Mon Sep 17 00:00:00 2001
From: NoisyBoy-9 <sina.shariati@yahoo.com>
Date: Sat, 20 Jul 2019 09:58:16 +0430
Subject: [PATCH 1/2] finished the task layouting the sidebar section

---
 src/renderer/App.vue                     | 9 ++++++---
 src/renderer/layouts/DockableSidebar.vue | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index e5d226f..070727b 100644
--- a/src/renderer/App.vue
+++ b/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';
-@include normalize();
+@import 'normalize-scss'
+@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
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index 52e749c..6a68aa5 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -14,4 +14,5 @@ export default {
 section
     width: 100%
     max-width: 250px
+    padding: 2rem 3rem
 </style>

From 099a67ebdfecacde59d1b725f9d1e9b679d23096 Mon Sep 17 00:00:00 2001
From: NoisyBoy-9 <sina.shariati@yahoo.com>
Date: Sat, 20 Jul 2019 11:50:14 +0430
Subject: [PATCH 2/2] added .vscode folder to .gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 5795702..959e6a5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@ npm-debug.log
 npm-debug.log.*
 thumbs.db
 !.gitkeep
+.vscode