Make the layout adjust to narrow viewports better

[git.ikiwiki.info.git] / themes / blueview / style.css

diff --git a/themes/blueview/style.css b/themes/blueview/style.css
index af1434574b537259e4bbf77fee8780788fe18856..7b3382c357825f8eb514da00ef8cc36f4bfb2042 100644 (file)
--- a/themes/blueview/style.css
+++ b/themes/blueview/style.css
@@ -279,3 +279,26 @@ body {
 
 }
 
+/* lose the border on mobile */
+@media (max-width: 600px) {
+       body {
+               padding: 0;
+       }
+       .page {
+               border: none;
+               margin: 0;
+       }
+       #pagebody {
+               margin: auto;
+               border: none;
+       }
+}
+
+/* cancel the minimum width if it would mean scrollbars */
+@media (max-width: 850px) {
+       .page {
+               width: auto;
+               min-width: 0;
+               padding: 0;
+       }
+}