Fix homepage fav and recommended overlap

2019-07-27 23:53:44 +04:30 · 2019-07-27 23:53:44 +04:30 · 0835aff514
parent 24f69c23b7
commit 0835aff514
2 changed files with 5 additions and 3 deletions
--- 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
--- 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