From 616ca7ea10197cf603667de88b42c493a499639b Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Wed, 25 Sep 2024 19:34:09 +0100
Subject: [PATCH] Fix styles for mobile

---
 reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx | 4 +---
 reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx  | 2 +-
 reminder-dashboard/src/components/Sidebar/styles.scss        | 2 +-
 static/css/style.css                                         | 4 ----
 4 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx b/reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx
index 81c0064..8b3d1b1 100644
--- a/reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx
+++ b/reminder-dashboard/src/components/Sidebar/DesktopSidebar.tsx
@@ -1,5 +1,3 @@
 export const DesktopSidebar = ({ children }) => {
-    return (
-        <div class="column is-2 is-sidebar-menu dashboard-sidebar is-hidden-touch">{children}</div>
-    );
+    return <div class="is-2 is-sidebar-menu dashboard-sidebar is-hidden-touch">{children}</div>;
 };
diff --git a/reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx b/reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx
index cd68f4c..cbd24f5 100644
--- a/reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx
+++ b/reminder-dashboard/src/components/Sidebar/MobileSidebar.tsx
@@ -52,7 +52,7 @@ export const MobileSidebar = ({ children }) => {
                 class="dashboard-sidebar mobile-sidebar is-hidden-desktop"
                 id="mobileSidebar"
                 style={{
-                    display: sidebarOpen ? "inherit" : "none",
+                    display: sidebarOpen ? "" : "none",
                 }}
                 onClick={() => {
                     setSidebarOpen(!sidebarOpen);
diff --git a/reminder-dashboard/src/components/Sidebar/styles.scss b/reminder-dashboard/src/components/Sidebar/styles.scss
index e2b625b..f216a5a 100644
--- a/reminder-dashboard/src/components/Sidebar/styles.scss
+++ b/reminder-dashboard/src/components/Sidebar/styles.scss
@@ -39,7 +39,7 @@ aside.menu {
 }
 
 .dashboard-sidebar {
-    display: flex !important;
+    display: flex;
     flex-direction: column;
     background-color: #363636;
     width: 230px !important;
diff --git a/static/css/style.css b/static/css/style.css
index eb5370c..1de3b14 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -481,10 +481,6 @@ li.highlight {
         display: none;
     }
 
-    .dashboard-frame {
-        margin-top: 4rem !important;
-    }
-
     .customizable.thumbnail img {
         width: 60px;
         height: 60px;