From 3c0311c1d55986b7d3205971e802b03e66350781 Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Sun, 1 Mar 2026 10:36:00 -0800
Subject: [PATCH] Fix header image preview aspect ratio in setup wizard

Changed from fixed 120px height to aspect-ratio 3:1 to match the
recommended 1200x400 dimensions, preventing heavy cropping.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 portal/setup-wizard.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/portal/setup-wizard.html b/portal/setup-wizard.html
index 6a2920f..6543499 100644
--- a/portal/setup-wizard.html
+++ b/portal/setup-wizard.html
@@ -2222,7 +2222,7 @@
             <li><strong>Content:</strong> Your restaurant, food, or branding</li>
           </ul>
         </div>
-        <div id="headerUploadPreview" style="width:100%;height:120px;background:#333;border-radius:8px;margin:12px 0;background-size:cover;background-position:center;display:${hasAutoHeader ? 'block' : 'none'};"></div>
+        <div id="headerUploadPreview" style="width:100%;aspect-ratio:3/1;background:#333;border-radius:8px;margin:12px 0;background-size:cover;background-position:center;display:${hasAutoHeader ? 'block' : 'none'};overflow:hidden;"></div>
         <div style="display:flex;gap:12px;margin-top:12px;">
           <label class="btn btn-secondary" style="cursor:pointer;flex:1;text-align:center;">
             <input type="file" id="wizardHeaderFile" accept="image/png,image/jpeg,image/jpg" style="display:none;" onchange="previewWizardHeader(this)">