From c2f6a8c3e4873f2ce1ab9bb1948d97fc7daeb260 Mon Sep 17 00:00:00 2001
From: Miley Chandonnet <email@miley.codes>
Date: Thu, 12 Feb 2026 11:35:46 -0500
Subject: [PATCH] Fix mobile content margins

Reduce left/right padding on screens under 640px to prevent content from being squished. Body and content padding reduced from 20px to 8px per side, and info section viewport-relative padding reduced from 10vw to 4vw.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/commonMain/resources/index.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/commonMain/resources/index.css b/src/commonMain/resources/index.css
index 44d42d3..94e8763 100644
--- a/src/commonMain/resources/index.css
+++ b/src/commonMain/resources/index.css
@@ -687,6 +687,21 @@ button {
     }
 }
 
+@media (max-width: 640px) {
+    html,
+    body {
+        padding: 0 8px;
+    }
+
+    .content {
+        padding: 0 8px;
+    }
+
+    .info {
+        padding: 24px 4vw;
+    }
+}
+
 @media (max-width: 430px) {
     .footer {
         height: 50px;