From 0aac9cd826954f6c18d1cba2912a04d11de7f1a1 Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Tue, 12 Feb 2019 09:14:37 -0500
Subject: [PATCH] Tweak brutstrap css further for mobile

---
 brutaldon/static/css/brutstrap-tweaks.css | 33 +++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/brutaldon/static/css/brutstrap-tweaks.css b/brutaldon/static/css/brutstrap-tweaks.css
index aae32d6..fd377ea 100644
--- 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;
+    }
+}