minor UI fixes

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 {