From 16c340357c9f201e806c41f60b669042c1f5c01a Mon Sep 17 00:00:00 2001
From: torcado194 <torcado@yahoo.com>
Date: Mon, 28 Mar 2022 00:00:09 -0400
Subject: [PATCH] fix volume slider pushing content, force vertical on small
 screen sizes

---
 index.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 7039cd7..850ef6e 100644
--- a/index.html
+++ b/index.html
@@ -99,6 +99,23 @@
         grid-column: 1/3;
     }
 
+    @media (max-width: 590px) {
+        #mainContainer #title {
+            margin: 20px;
+            text-align: center;
+        }
+        #mainContainer.title-span.title-span #titleContainer {
+            grid-column: 1;
+        }
+        #mainContainer {
+            grid-template-columns: auto;
+        }
+        #mainContainer #mediaColumn {
+            grid-row: 2;
+            grid-column: 1;
+        }
+    }
+
     /*** media column ***/
 
     #mediaColumn {
@@ -726,7 +743,7 @@
             document.getElementById('mainContainer').classList.remove('title-none', 'title-span');
             document.getElementById('mainContainer').classList.add('title-' + theme.titleStyle);
         }
-        if(theme.contentWidth)        document.getElementById('contentContainer').style.maxWidth = theme.contentWidth + 'px';
+        if(theme.contentWidth)        document.getElementById('contentContainer').style.width = theme.contentWidth + 'px';
         if(theme.nativePlayer){
             document.getElementById('audio').classList.add('native');
             mediaVideoEl.setAttribute('controls', '');