fix tablet css breakpoints and grid spacing

2 years ago · 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) {
+@media screen and (max-width: 1000px), screen and (max-height: 850px) {
-    .boxed-content {
+    .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,