change details layout on mobile

src/routes/MetaDetails/StreamsList/styles.less

@@ -78,6 +78,8 @@
 
 @media only screen and (max-width: @minimum) {
     .streams-list-container {
+        overflow: visible;
+
         .streams-container {
             margin-top: 0;
             scrollbar-color: @color-surface-light5-20 transparent;

src/routes/MetaDetails/VideosList/styles.less

@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2022 Smart code 203358507
 
 @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
+@import (reference) '~stremio/common/screen-sizes.less';
 
 .videos-list-container {
     display: flex;
@@ -54,4 +55,10 @@
         align-self: stretch;
         overflow-y: auto;
     }
+}
+
+@media only screen and (max-width: @minimum) {
+    .videos-list-container {
+        overflow: visible;
+    }
 }

src/routes/MetaDetails/styles.less

@@ -129,12 +129,24 @@
 
 @media only screen and (max-width: @minimum) {
     .metadetails-container {
+        position: relative;
+        z-index: 0;
+
         .metadetails-content {
-            flex-direction: column;
+            display: block;
+            position: static;
+            z-index: initial;
+            overflow-y: auto;
+
+            .spacing {
+                display: none;
+            }
+
+            .background-image-layer {
+                top: var(--horizontal-nav-bar-size);
+            }
 
             .videos-list, .streams-list {
-                flex-basis: auto;
-                max-height: 50vh;
                 background-color: transparent;
             }
         }