From 8f76ca0b31a237ad5b0b7058c77198dbd84030fd Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Thu, 26 Feb 2026 09:17:52 +0100
Subject: [PATCH] Center only the image, keep label left-aligned

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/templates/recipe_edit.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/templates/recipe_edit.html b/app/templates/recipe_edit.html
index fa0e899..eb1dcc4 100644
--- a/app/templates/recipe_edit.html
+++ b/app/templates/recipe_edit.html
@@ -179,6 +179,8 @@
     /* Image section */
     .image-section {
         margin-top: 0.5rem;
+    }
+    .image-preview-wrap {
         text-align: center;
     }
     .image-preview {
@@ -194,7 +196,6 @@
         flex-wrap: wrap;
         gap: 0.5rem;
         align-items: flex-end;
-        text-align: left;
     }
     .image-controls .url-input-group {
         flex: 1;
@@ -279,7 +280,7 @@
     <!-- Image section -->
     <div class="image-section">
         <label>Kép</label>
-        <div>
+        <div class="image-preview-wrap">
             <img id="recipeImage" class="image-preview" src="" alt="" style="display:none;">
             <div id="noImageText" class="text-dim" style="display:none; font-size:0.9rem;">Nincs kép</div>
         </div>