From 56f1bc84a3bf4a16f6f9c664a501452f5583b758 Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Tue, 24 Feb 2026 13:21:37 +0100
Subject: [PATCH] Add subtle section dividers to import page for visual clarity

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

diff --git a/app/templates/import.html b/app/templates/import.html
index 297d70b..dc48087 100644
--- a/app/templates/import.html
+++ b/app/templates/import.html
@@ -5,6 +5,7 @@
 <style>
     .recipe-preview { display: none; }
     .recipe-preview.visible { display: block; }
+    .section-divider { border: none; border-top: 1px solid var(--border); margin: 1.2rem 0; opacity: 0.4; }
     .recipe-image {
         max-width: 300px;
         max-height: 200px;
@@ -232,6 +233,8 @@
             </div>
         </div>
 
+        <hr class="section-divider">
+
         <!-- Ingredients -->
         <label>Hozzávalók</label>
         <div class="ingredient-header">
@@ -246,11 +249,15 @@
             <button class="add-btn" onclick="addIngredientGroup('')">+ Csoport</button>
         </div>
 
+        <hr class="section-divider">
+
         <!-- Instructions -->
         <label>Elkészítés</label>
         <div id="instructionsList"></div>
         <button class="add-btn mt-1 mb-2" onclick="addInstruction('')">+ Lépés hozzáadása</button>
 
+        <hr class="section-divider">
+
         <!-- Tags -->
         <label>Címkék</label>
         <div class="tag-section-label">Hozzáadásra kerül:</div>
@@ -263,6 +270,8 @@
         <div class="tag-section-label" style="margin-top:0.6rem;">Weboldalról (kattints a hozzáadáshoz):</div>
         <div id="tagsInactive" class="tag-chips"></div>
 
+        <hr class="section-divider">
+
         <div class="flex mt-2">
             {% if has_mealie %}
             <button class="btn btn-success" id="sendMealieBtn" onclick="sendToMealie()">