From 49b2cf3987378971d05cdcac996c69d7f862461e Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Mon, 29 Aug 2022 14:17:53 -0400
Subject: Added Hamburger menu for Mobile views

---
 static/css/main.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

(limited to 'static/css/main.css')

diff --git a/static/css/main.css b/static/css/main.css
index cf534be3..a524db34 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -149,6 +149,10 @@ nav > ul > li {
     margin-top: 0;
 }
 
+.hamburger {
+    display: none;
+}
+
 /* Optimize for phones */
 @media only screen and (max-width: 480px) {
     body {
@@ -158,4 +162,28 @@ nav > ul > li {
     .account {
         flex-direction: column;
     }
+
+    .sidebar {
+        min-width: calc(100vw - 42px)
+    }
+
+    .hamburger {
+        display: block;
+        position: absolute;
+        right: 20px;
+    }
+    .title > img {
+        position: relative;
+        left: -5.9rem;
+        top: -3px;
+    }
+
+    .lgn-area {
+        display: none;
+    }
+
+    .lgn-area-open {
+        display: block;
+    }
+
 }
-- 
cgit v1.2.3