further refactor paddings and colors

src/views/AlbumView.vue

@@ -71,8 +71,9 @@ export default {
 .al-view {
   height: calc(100% - 1rem);
   overflow: auto;
-  margin-top: $small;
+  margin: $smaller $small;
   scrollbar-width: none;
+
   .songs {
     padding: $small;
     background-color: $card-dark;

src/views/FolderView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="f-view-parent" class="rounded">
+  <div id="f-view-parent" class="card-dark">
     <div class="fixed">
       <Header :path="path" :first_song="songs[0]" @search="updateQueryString" />
     </div>
@@ -128,10 +128,9 @@ export default {
 <style lang="scss">
 #f-view-parent {
   position: relative;
-  background-color: $card-dark;
   padding: 4rem $small 0 $small;
   overflow: hidden;
-  margin: $smaller;
+  margin: 0;
 }
 
 #f-view-parent .fixed {

src/views/PlaylistView.vue

@@ -3,7 +3,7 @@
     <Header :playlist_info="playlist_info" />
     <div class="separator no-border"></div>
 
-    <div class="songlist rounded border">
+    <div class="songlist rounded">
       <SongList :songs="songs" />
     </div>
     <div class="separator no-border"></div>
@@ -40,9 +40,10 @@ export default {
 
 <style lang="scss">
 .playlist-view {
-  height: calc(100% - $small);
-  margin: $smaller $smaller 0 $smaller;
+  height: calc(100% - 0rem);
+  margin: 0 $small;
   overflow: auto;
+  padding-bottom: $small;
 
   &::-webkit-scrollbar {
     display: none;