From ea6eecc00b29ca13db5de4d209317b3a35925731 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Tue, 9 Dec 2025 14:35:43 +0100
Subject: [PATCH] fix: add width constraints to prevent horizontal overflow on
 mobile

Added max-width: 100% and overflow-x: hidden to main-content and cospend-main containers to prevent child elements from forcing horizontal scroll on mobile devices.
---
 src/routes/cospend/+layout.svelte | 2 ++
 src/routes/cospend/+page.svelte   | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/routes/cospend/+layout.svelte b/src/routes/cospend/+layout.svelte
index 4752fdb..48ab4f0 100644
--- a/src/routes/cospend/+layout.svelte
+++ b/src/routes/cospend/+layout.svelte
@@ -81,6 +81,8 @@
 
   .main-content {
     flex: 1;
+    max-width: 100%;
+    overflow-x: hidden;
     transition: margin-right 0.3s ease-out;
   }
 
diff --git a/src/routes/cospend/+page.svelte b/src/routes/cospend/+page.svelte
index 44ee7f6..a6a8b73 100644
--- a/src/routes/cospend/+page.svelte
+++ b/src/routes/cospend/+page.svelte
@@ -275,6 +275,8 @@
   .cospend-main {
     margin: 0 auto;
     padding: 2rem;
+    max-width: 100%;
+    overflow-x: hidden;
   }
 
   h1 {