fix tablet css breakpoints and grid spacing

2022-06-27 09:48:36 +07:00 · 2022-06-27 09:48:36 +07:00 · 1857ac44ca
parent 8c07932071
commit 1857ac44ca
1 changed files with 6 additions and 2 deletions
--- 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,