minor UI fixes

src/views/AlbumView.vue

@@ -41,12 +41,12 @@ onBeforeRouteUpdate(async (to) => {
 .al-view {
   height: calc(100% - 1rem);
   overflow: auto;
-  margin: $small $small;
+  margin: $small;
+  margin-right: 0;
   scrollbar-width: none;
 
   .songs {
-    padding: $small;
-    min-height: calc(100% - 32rem);
+    min-height: calc(100% - 31.5rem);
   }
 
   &::-webkit-scrollbar {

src/views/FolderView.vue

@@ -1,11 +1,7 @@
 <template>
-  <div id="f-view-parent" class="rounded">
+  <div id="f-view-parent">
     <div id="scrollable" ref="scrollable">
       <FolderList :folders="FStore.dirs" />
-      <div
-        class="separator"
-        v-if="FStore.dirs.length && FStore.tracks.length"
-      ></div>
       <SongList :tracks="FStore.tracks" :path="FStore.path" />
     </div>
   </div>
@@ -19,7 +15,6 @@ import SongList from "@/components/FolderView/SongList.vue";
 import FolderList from "@/components/FolderView/FolderList.vue";
 
 import useFStore from "../stores/folder";
-import state from "../composables/state";
 import useLoaderStore from "../stores/loader";
 
 const loader = useLoaderStore();
@@ -42,9 +37,7 @@ onBeforeRouteUpdate((to) => {
 <style lang="scss">
 #f-view-parent {
   position: relative;
-  padding: 0 $small 0 $small;
-  overflow: hidden;
-  margin: $small;
+  padding: 0 0 0 $small;
   margin-top: $small;
 
   .h {
@@ -53,17 +46,9 @@ onBeforeRouteUpdate((to) => {
   }
 }
 
-// #f-view-parent .fixed {
-//   position: absolute;
-//   height: min-content;
-//   width: calc(100% - 1rem);
-//   top: 0.5rem;
-// }
-
 #scrollable {
   overflow-y: auto;
   height: calc(100% - $small);
-  padding-right: $small;
   scrollbar-color: grey transparent;
 
   @include phone-only {

src/views/PlaylistView.vue

@@ -38,17 +38,16 @@ const playlist = usePTrackStore();
 
 <style lang="scss">
 .playlist-view {
-  height: calc(100% - 0rem);
-  margin: 0 $small;
-  overflow: auto;
-  padding-bottom: $small;
-  scrollbar-width: none;
+  height: calc(100% - 0.5rem);
+  margin-top: $small;
+  margin-left: $small;
+  // border: solid 1px;
 
   &::-webkit-scrollbar {
     display: none;
   }
+
   .songlist {
-    padding: $small;
     min-height: calc(100% - 32rem);
   }
 }