From b6fc3a3c2f9c9fd5e02f45db25359019bf3d227f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 31 Oct 2025 02:36:19 +0000
Subject: [PATCH 1/3] Initial plan


From 9ebcd03362e60f5d2de1143981e525c9d9b4eeba Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 31 Oct 2025 03:06:33 +0000
Subject: [PATCH 2/3] Fix responsive layout for mobile devices

Co-authored-by: sschonss <82298137+sschonss@users.noreply.github.com>
---
 index.html | 45 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 41 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index a98d37f..3ebe55a 100644
--- a/index.html
+++ b/index.html
@@ -262,11 +262,12 @@
         }
 
         @media (max-width: 768px) {
-            .talk-item {
-                grid-template-columns: 1fr;
+            body {
+                padding: 1rem;
             }
-            .content {
-                grid-template-columns: 1fr;
+
+            header {
+                margin-bottom: 1.5rem;
             }
 
             h1 {
@@ -276,6 +277,42 @@
             .subtitle {
                 font-size: 1rem;
             }
+
+            .content {
+                grid-template-columns: 1fr;
+                padding: 1.5rem;
+                gap: 2rem;
+            }
+
+            .form-section {
+                gap: 1.25rem;
+            }
+
+            .button-group {
+                flex-direction: column;
+                gap: 0.75rem;
+            }
+
+            button {
+                width: 100%;
+            }
+
+            .talk-item {
+                grid-template-columns: 1fr;
+                gap: 0.75rem;
+            }
+
+            .image-preview {
+                min-height: 300px;
+            }
+
+            .image-preview img {
+                max-height: 400px;
+            }
+
+            input, select, textarea {
+                font-size: 16px; /* Prevents zoom on iOS */
+            }
         }
     </style>
 </head>

From cb7992d0804e1345b1e9e0db01666d0605f5f9e9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 31 Oct 2025 03:08:09 +0000
Subject: [PATCH 3/3] Use viewport-relative units for better mobile scalability

Co-authored-by: sschonss <82298137+sschonss@users.noreply.github.com>
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 3ebe55a..e90669d 100644
--- a/index.html
+++ b/index.html
@@ -303,11 +303,11 @@
             }
 
             .image-preview {
-                min-height: 300px;
+                min-height: 40vh;
             }
 
             .image-preview img {
-                max-height: 400px;
+                max-height: 50vh;
             }
 
             input, select, textarea {