From 043eea144311ae55b92f8c2d96f9d655dd2ccbf2 Mon Sep 17 00:00:00 2001
From: Adam Moussa <adam@seahavenind.com>
Date: Thu, 30 Jul 2026 11:18:21 -0400
Subject: [PATCH] fix(form): use single-column layout for meals without images
 on mobile

---
 src/server/generate_form.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/server/generate_form.py b/src/server/generate_form.py
index 449a8f1..5ab9b96 100644
--- a/src/server/generate_form.py
+++ b/src/server/generate_form.py
@@ -296,6 +296,7 @@ header p {{ font-size: 0.85rem; opacity: 0.8; }}
 .closed-banner {{ background: #fee2e2; color: #991b1b; padding: 16px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-weight: 600; font-size: 1rem; }}
 @media (max-width: 480px) {{
   .meal-card {{ display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: start; }}
+  .meal-card.no-image {{ grid-template-columns: minmax(0, 1fr); }}
   .qty-control {{ grid-column: 1 / -1; justify-content: center; }}
 }}
 @media (pointer: coarse) {{
@@ -551,7 +552,7 @@ function renderMeals() {{
 
     const qty = quantities[i] || 0;
     const card = document.createElement('div');
-    card.className = 'meal-card' + (qty > 0 ? ' selected' : '');
+    card.className = 'meal-card' + (qty > 0 ? ' selected' : '') + (meal.image_url ? '' : ' no-image');
 
     let tagsHtml = '';
     if (meal.is_new) tagsHtml += '<span class="new">NEW</span>';