refactor interfaces and references

src/assets/scss/Global/app-grid.scss

@@ -9,7 +9,7 @@ $g-border: solid 1px $gray5;
     "l-sidebar content r-sidebar"
     "bottombar bottombar bottombar";
 
-  gap: 0 1.5rem;
+  // gap: 0 1.5rem;
   height: 100%;
   border: $g-border;
   border-top: none;
@@ -24,6 +24,15 @@ $g-border: solid 1px $gray5;
   padding-right: calc($medium);
 
   overflow: hidden;
+  margin-right: $smaller !important;
+}
+
+.vue-recycle-scroller__item-wrapper {
+  overflow: visible !important;
+}
+
+.vue-recycle-scroller {
+  padding-left: 1.25rem;
 }
 
 .r-sidebar {
@@ -50,8 +59,8 @@ $g-border: solid 1px $gray5;
 }
 
 .content-page {
+  margin-left: 1.25rem;
   margin-right: -$medium;
-  padding-right: calc(1rem - $small + 2px);
 }
 
 // ====== MODIFIERS =======

src/assets/scss/Global/index.scss

@@ -11,8 +11,16 @@
   box-sizing: border-box;
 }
 
+#vue-recycle-scroller__item-wrapper {
+  overflow: visible !important;
+}
+
 html {
   cursor: default !important;
+
+  & > * {
+    overflow: visible !important;
+  }
 }
 
 html.loading,
@@ -36,7 +44,6 @@ body {
   #app {
     width: 100%;
     height: 100%;
-
   }
 
   a {

src/assets/scss/moz.scss

@@ -9,7 +9,6 @@
   // applies to playlist list page
   .content-page {
     margin-right: calc(0rem - ($medium + 4px));
-    padding-right: calc(1rem - 3px) !important;
   }
 
   // virtual scroller pages: folder, playlist, album