From 649928121a7b49d35f9eeb112207bdc411fd22b1 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sat, 12 Nov 2022 10:48:48 +0100
Subject: [PATCH] responsive stuff~

---
 css/poketube.css | 67 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 65 insertions(+), 2 deletions(-)

diff --git a/css/poketube.css b/css/poketube.css
index 94b9d89d..dd2fc58a 100644
--- a/css/poketube.css
+++ b/css/poketube.css
@@ -100,6 +100,8 @@ a {
 }
 
 /* RESPONSIVE STUFF */
+
+/* Formula for xx50px - inital widht + 3em */
 @media screen and (min-width: 1100px) {
   .video-info-panel.gradient {
     width: 41em;
@@ -124,29 +126,90 @@ a {
   }
 }
 
+@media screen and (min-width: 1400px) {
+  .video-info-panel.gradient {
+    width: 60em;
+  }
+}
+
+@media screen and (min-width: 1450px) {
+  .video-info-panel.gradient {
+    width: 63em;
+  }
+}
+
 @media screen and (min-width: 1500px) {
   .video-info-panel.gradient {
     width: 66em;
   }
 }
 
-@media screen and (min-width: 1400px) {
+@media screen and (min-width: 1550px) {
   .video-info-panel.gradient {
-    width: 60em;
+    width: 69em; /* Noice */
   }
 }
+
 @media screen and (min-width: 1600px) {
   .video-info-panel.gradient {
     width: 73em;
   }
 }
 
+@media screen and (min-width: 1650px) {
+  .video-info-panel.gradient {
+    width: 75em;
+  }
+}
+
+@media screen and (min-width: 1700px) {
+  .video-info-panel.gradient {
+    width: 78em;
+  }
+}
+
+@media screen and (min-width: 1750px) {
+  .video-info-panel.gradient {
+    width: 81em;
+  }
+}
+
 @media screen and (min-width: 1800px) {
   .video-info-panel.gradient {
     width: 85em;
   }
 }
 
+@media screen and (min-width: 1850px) {
+  .video-info-panel.gradient {
+    width: 88em;
+  }
+}
+
+@media screen and (min-width: 1900px) {
+  .video-info-panel.gradient {
+    width: 91em;
+  }
+}
+
+@media screen and (min-width: 1950px) {
+  .video-info-panel.gradient {
+    width: 94em;
+  }
+}
+
+@media screen and (min-width: 2000px) {
+  .video-info-panel.gradient {
+    width: 97em;
+  }
+}
+
+@media screen and (min-width: 2050px) {
+  .video-info-panel.gradient {
+    width: 100em;
+  }
+}
+
 /* RESPONSIVE END */
 
 .video-info-pill-channelname {