Add 1 column Youtube CSS layout rule (#2644)

MozillaReality · Jan 14, 2020 · 5015039 · 5015039
1 parent 5797d75
commit 5015039
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/src/main/assets/web_extensions/webcompat_youtube/main.css b/app/src/main/assets/web_extensions/webcompat_youtube/main.css
@@ -16,7 +16,14 @@ ytd-rich-grid-video-renderer {
     min-width: 0px;
 }
 
-@media screen and (max-width: 899px) {
+@media screen and (max-width: 700px) {
+    ytd-rich-grid-renderer {
+        --ytd-rich-grid-items-per-row: 1 !important;
+        --ytd-rich-grid-posts-per-row: 1 !important;
+    }
+}
+
+@media screen and (max-width: 899px) and (min-width: 701px) {
     ytd-rich-grid-renderer {
         --ytd-rich-grid-items-per-row: 2 !important;
         --ytd-rich-grid-posts-per-row: 2 !important;