stuff

src/static/style.css

@@ -120,8 +120,15 @@ body {
 
 /* Animations */
 @keyframes fadeIn {
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 .animate-fade-in {
@@ -136,14 +143,19 @@ body {
 }
 
 /* Layout and viewport fixes */
-body, .nicegui-content, .q-page, .q-page-container {
+body,
+.nicegui-content,
+.q-page,
+.q-page-container {
   background: #1a1d2e !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
 }
 
-.q-header, .q-drawer, .q-footer {
+.q-header,
+.q-drawer,
+.q-footer {
   z-index: 2000 !important;
 }
 
@@ -157,7 +169,10 @@ body, .nicegui-content, .q-page, .q-page-container {
 
 .main-content {
   height: calc(100vh - 64px) !important;
+  width: calc(100vw - 256px) !important;
   overflow-y: auto !important;
   margin-left: 256px !important;
-  padding-top: 64px !important;
+  padding-top: 72px !important;
+  padding-left: 32px !important;
+  padding-right: 32px !important;
 }