From 0835aff5144e9d8ed9bbcb34a91a1f65ab795825 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sat, 27 Jul 2019 23:53:44 +0430
Subject: [PATCH] Fix homepage fav and recommended overlap

---
 src/renderer/components/ListItem.vue | 2 +-
 src/renderer/layouts/HomePage.vue    | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/ListItem.vue b/src/renderer/components/ListItem.vue
index 2787c76..079cb57 100644
--- a/src/renderer/components/ListItem.vue
+++ b/src/renderer/components/ListItem.vue
@@ -44,7 +44,7 @@ li
   margin-bottom: .6rem
   padding: .4rem .8rem
   border-radius: .5rem
-  
+  box-sizing: border-box
   &.active
     background-color: #0076F9
     color: white
diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index 38169ce..b015f22 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -218,12 +218,14 @@ section.page
     flex: 1 0 50% // deviding the space equally between two element
 
 .favourite
+  background: white
+  z-index: 10
   &__list-header
     width: 100%
-    padding: 0.3rem .6rem
+    padding: 0.3rem 1.6rem
+    box-sizing: border-box
     display: flex
     justify-content: space-between
-
     span.song
         flex: 1 0 50%
     span.artist