fix css and scrolling

assets/scss/globals.scss

@@ -55,7 +55,7 @@
 
 .duration {
     float: right;
-    margin-right: 1em;
+    margin-right: .5em;
 }
 
 .form-control, .tags-list ul li div input, .custom-select, .custom-control-label::before {
@@ -147,13 +147,17 @@
 .browser-dur-col {
     min-width: 95px;
     margin: 0;
-    padding: 0 5px 0 0;
+    padding: 0 10px 0 0;
 }
 
-.browser-div .ps {
+.player-browser-scroll {
     height: calc(100% - 50px);
 }
 
+.browser-div .media-browser-scroll {
+    height: 100%;
+}
+
 .playlist-container .ps {
     height: 94.5%;
 }

pages/media.vue

@@ -31,7 +31,7 @@
                 <splitpanes class="browser-row default-theme pane-row">
                     <pane min-size="20" size="24">
                         <div class="browser-div">
-                            <perfect-scrollbar :options="scrollOP">
+                            <perfect-scrollbar :options="scrollOP" class="media-browser-scroll">
                                 <b-list-group class="folder-list">
                                     <b-list-group-item
                                         v-for="folder in folderTree.tree[1]"
@@ -67,7 +67,7 @@
                             color="#ff9c36"
                         />
                         <div class="browser-div">
-                            <perfect-scrollbar :options="scrollOP">
+                            <perfect-scrollbar :options="scrollOP" class="media-browser-scroll">
                                 <b-list-group class="files-list">
                                     <b-list-group-item
                                         v-for="file in folderTree.tree[2]"

pages/player.vue

@@ -122,7 +122,7 @@
                             </b-breadcrumb>
                         </div>
 
-                        <perfect-scrollbar>
+                        <perfect-scrollbar :options="scrollOP" class="player-browser-scroll">
                             <b-list-group>
                                 <b-list-group-item
                                     v-for="folder in folderTree.tree[1]"
@@ -336,7 +336,10 @@ export default {
             videoOptions: {},
             previewOptions: {},
             previewComp: null,
-            previewSource: ''
+            previewSource: '',
+            scrollOP: {
+                suppressScrollX: true
+            }
         }
     },