From 7ac10880a209cdaf4d6de63d58490710c922fded Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Sat, 2 Jun 2018 15:48:11 +0100
Subject: [Wiki] Codeblocks should no longer be way too wide on mobile

---
 static/style.css         | 10 ++++++++++
 templates/wiki/base.html |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index a64687ba..22eb2285 100644
--- a/static/style.css
+++ b/static/style.css
@@ -248,6 +248,16 @@ textarea.fira-code {
     border: 1px solid rgba(0, 0, 0, 0.11);
 }
 
+#doc-view div {
+    width: calc(100% - 6rem);
+}
+
+@media (max-width: 639px) {
+    #doc-view div {
+        width: calc(100% - 1rem);
+    }
+}
+
 .code {
     overflow-x: auto;
 }
\ No newline at end of file
diff --git a/templates/wiki/base.html b/templates/wiki/base.html
index 185229a8..ee4e7d10 100644
--- a/templates/wiki/base.html
+++ b/templates/wiki/base.html
@@ -191,7 +191,7 @@
                 <a class="uk-flex-left uk-flex uk-flex-column uk-background-primary uk-hidden@s uk-hidden@m uk-hidden@l uk-hidden@xl" id="wiki-sidebar-button">
                     <div class="uk-flex-center"><i class="uk-icon fa-fw far fa-bars"></i></div>
                 </a>
-                <div class="uk-section" style="flex-grow: 1; margin: 0 1rem 1rem;">
+                <div class="uk-section uk-flex uk-flex-column" id="doc-view" style="flex-grow: 1; margin: 0 1rem 1rem; width: calc(100% - 6rem)">
                     {% block content %}{% endblock %}
                 </div>
             </div>
-- 
cgit v1.2.3