Tweak brutstrap css further for mobile

2019-02-12 09:14:37 -05:00 · 2019-02-12 09:14:37 -05:00 · 0aac9cd826
parent 58a18936e1
commit 0aac9cd826
1 changed files with 33 additions and 0 deletions
--- a/brutaldon/static/css/brutstrap-tweaks.css
+++ b/brutaldon/static/css/brutstrap-tweaks.css
@ -318,3 +318,36 @@ figure.level-item > video
    max-height: 256px;
    max-width: 256px;
 }
+
+@media screen and (max-width: 768px) {
+    .box {
+        max-width: 90%;
+    }
+    .media {
+        display: block;
+    }
+    .media-left {
+        float: left;
+    }
+    .media-content .content p {
+        clear: inline-end;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    .navbar,
+    .navbar-menu,
+    .navbar-start,
+    .navbar-end {
+        align-items: stretch;
+        display: flex;
+    }
+    .navbar-start {
+        justify-content: flex-start;
+        margin-right: auto;
+    }
+    .navbar-end {
+        justify-content: flex-end;
+        margin-left: auto;
+    }
+}