From c41af66cbb76c4c49269753d981b99905a679437 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sun, 15 Feb 2026 08:04:15 -0800
Subject: Fix horizontal scrolling on iPad and improve mobile responsiveness

---
 frontend/src/App.css | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'frontend/src/App.css')

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 0f24085..2e74476 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -12,6 +12,8 @@ body {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  height: 100dvh;
+  width: 100%;
   overflow: hidden;
   /* Prevent body scroll */
 }
@@ -23,6 +25,7 @@ body {
   flex: 1;
   overflow: hidden;
   position: relative;
+  width: 100%;
 }
 
 .dashboard-sidebar {
@@ -42,8 +45,10 @@ body {
 
 .dashboard-main {
   flex: 1;
+  min-width: 0;
   padding: 2rem;
   overflow-y: auto;
+  overflow-x: hidden;
   background: var(--bg-color);
   margin-left: 0;
 }
-- 
cgit v1.2.3