From 1857ac44ca0b62d300787f08610d1a744a7bf6de Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Mon, 27 Jun 2022 09:48:36 +0700
Subject: [PATCH] fix tablet css breakpoints and grid spacing

---
 tubearchivist/static/css/style.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index f97e2f2..45a7c0a 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -1086,8 +1086,12 @@ button:hover {
 }
 
 /* tablet */
-@media screen and (max-width: 1000px) {
-    .boxed-content {
+@media screen and (max-width: 1000px), screen and (max-height: 850px) {
+    .boxed-content,
+    .boxed-content.boxed-4,
+    .boxed-content.boxed-5,
+    .boxed-content.boxed-6,
+    .boxed-content.boxed-7 {
         width: 90%;
     }
     .video-list.grid.grid-3,