Responsiveness

frontend/src/includes/ManageSidebar.svelte

@@ -78,6 +78,12 @@
         width: 40%;
         padding-left: 20px;
     }
+
+    @media (max-width: 800px) {
+        .sidebar {
+            display: none;
+        }
+    }
 </style>
 
 <script>

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;
         }

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;
         }