From e3de9a0184177c61644f992c5bf092a3c1ca3993 Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Fri, 26 Nov 2021 10:10:45 +0700
Subject: [PATCH] fix mobile playlist nav layout

---
 tubearchivist/static/css/style.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index e9bf7a8..1adf9be 100644
--- 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%;
+    }
 }