fix mobile playlist nav layout

3 years ago · e3de9a0184
parent ee436ea2d5
commit e3de9a0184
1 changed files with 13 additions and 1 deletions
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@ -585,7 +585,7 @@ button:hover {

 /* video page */
 .video-main {
-    margin-bottom: 1rem;
+    margin: 1rem 0;
 }

 .video-main video {
@ -664,6 +664,7 @@ button:hover {
 }

 .channel-banner img {
+    margin-top: 1rem;
    width: 100%;
 }

@ -1032,4 +1033,15 @@ button:hover {
    .dl-desc {
        padding: 15px;
    }
+    .playlist-nav {
+        display: block;
+        grid-template-columns: unset;
+    }
+    .playlist-nav-item {
+        display: block;
+        justify-content: unset;
+    }
+    .playlist-nav-item img {
+        width: 100%;
+    }
 }