From 3cd208beb443cb031e87381f2b8d7626ea7869b8 Mon Sep 17 00:00:00 2001
From: Sunpy <sunpy@osufx.com>
Date: Mon, 27 May 2019 15:24:13 +0100
Subject: [PATCH] Hide sidenav if small

---
 templates/layout/dash.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)
diff --git a/templates/layout/dash.html b/templates/layout/dash.html
index 55a17b3..c05f385 100644
--- a/templates/layout/dash.html
+++ b/templates/layout/dash.html
@@ -8,11 +8,31 @@
 {% else %}
 	<title>Husstanden</title>
 {% endif %}
+<style>
+#sidenav-container {
+	flex: 0 0 320px;
+	
+	display: none;
+	overflow: hidden;
+}
+
+@media screen and (min-width: 768px){
+    #sidenav-container {
+        display: block;
+    }
+}
+
+@media screen and (min-width: 1072px){
+    #sidenav-container {
+        
+    }
+}
+</style>
 </head>
 <body style="height:100%">
     <div class="p-2" style="height:100%">
         <div class="d-flex" style="height:100%">
-            <div class="col p-2" style="flex:0 0 320px;">
+            <div class="col p-2" id="sidenav-container">
 {% include 'layout/includes/side_nav.html' %}
             </div>
             <div class="col p-2">
