From c7b423a84b6026edaa907b3136cf1549fc323a15 Mon Sep 17 00:00:00 2001
From: rxdn <29165304+rxdn@users.noreply.github.com>
Date: Fri, 30 Aug 2024 00:28:35 +0100
Subject: [PATCH] Responsiveness

---
 frontend/src/includes/ManageSidebar.svelte | 6 ++++++
 frontend/src/includes/Navbar.svelte        | 2 +-
 frontend/src/views/panels/Panels.svelte    | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/includes/ManageSidebar.svelte b/frontend/src/includes/ManageSidebar.svelte
index de5fb07..2082c88 100644
--- a/frontend/src/includes/ManageSidebar.svelte
+++ b/frontend/src/includes/ManageSidebar.svelte
@@ -78,6 +78,12 @@
         width: 40%;
         padding-left: 20px;
     }
+
+    @media (max-width: 800px) {
+        .sidebar {
+            display: none;
+        }
+    }
 </style>
 
 <script>
diff --git a/frontend/src/includes/Navbar.svelte b/frontend/src/includes/Navbar.svelte
index c94ea74..cb004d4 100644
--- a/frontend/src/includes/Navbar.svelte
+++ b/frontend/src/includes/Navbar.svelte
@@ -83,7 +83,7 @@
         display: none;
     }
 
-    @media only screen and (max-width: 1154px) {
+    @media only screen and (max-width: 800px) {
         .navbar {
             display: flex;
         }
diff --git a/frontend/src/views/panels/Panels.svelte b/frontend/src/views/panels/Panels.svelte
index 495dc6d..9c0b767 100644
--- a/frontend/src/views/panels/Panels.svelte
+++ b/frontend/src/views/panels/Panels.svelte
@@ -244,7 +244,7 @@
         justify-content: space-between;
     }
 
-    @media only screen and (max-width: 1100px) {
+    @media only screen and (max-width: 1400px) {
         .wrapper {
             flex-direction: column;
         }