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] 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>