From 70555d1b8c566997fae04458caa3de45f588d894 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sun, 28 Jul 2019 12:37:10 +0430
Subject: [PATCH] Moved padding to per-row

---
 src/renderer/layouts/HomePage.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index 494d53f..64f480f 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -1,6 +1,6 @@
 <template>
     <section>
-      <ActionBar />
+      <ActionBar class="action-bar" />
       <div class="upper-row">
         <MusicRow :items='items' />
       </div>
@@ -273,11 +273,13 @@ export default {
 
 <style lang="sass">
 section.page
-  padding: 1rem 2.5rem
   overflow-x: hidden
   .VueCarousel-wrapper
       overflow: unset
-
+  .action-bar
+    padding: 1rem 2.5rem
+  .upper-row
+    padding: 1rem 2.5rem
   .middle-row
     display: flex
 
@@ -286,6 +288,7 @@ section.page
 
 .favourite
   background: white
+  padding: 1rem 2.5rem
   z-index: 10
   &__list-header
     width: 100%
@@ -356,6 +359,7 @@ section.page
     margin-top: 1.5rem
 
 .genre
+  padding: 1rem 2.5rem
   &__title
     legend
       font-size: 2rem