From 5991a807d2facac50288315159315d3a1ee0608e Mon Sep 17 00:00:00 2001
From: Scarriffle <admin@scarriffle.com>
Date: Mon, 27 Jul 2026 13:43:32 +0200
Subject: [PATCH] Einzelstueck-Anlegen: Preis-Vorschlag in eigene Zeile statt
 in die Preiszeile gequetscht

Der 'Preis-Vorschlag aus Beleg' stand mit Kaufpreis, Waehrung und Datei-Auswahl in einer Zeile und wirkte gequetscht. Jetzt bleibt die Preiszeile zweispaltig (Kaufpreis | Beleg) und der Vorschlag bekommt eine eigene Zeile darunter.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/src/components/Einzelstuecke.jsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/components/Einzelstuecke.jsx b/web/src/components/Einzelstuecke.jsx
index 90f6399..6ee6a4c 100644
--- a/web/src/components/Einzelstuecke.jsx
+++ b/web/src/components/Einzelstuecke.jsx
@@ -474,22 +474,22 @@ export default function Einzelstuecke({ product, locations, shops, isAdmin, onCh
                 </select>
               </div>
             </label>
-            {priceCandidates.length > 1 && (
-              <label style={{ maxWidth: 220 }}>Vorschlag aus Beleg
-                <select value={centsFrom(addForm.price) ?? ""} style={{ marginTop: 0 }}
-                  onChange={(e) => setAddForm({ ...addForm, price: e.target.value === "" ? "" : (Number(e.target.value) / 100).toFixed(2) })}>
-                  {!priceCandidates.includes(centsFrom(addForm.price)) && <option value="">– eigener –</option>}
-                  {priceCandidates.map((c) => (
-                    <option key={c} value={c}>{(c / 100).toFixed(2)} {addForm.currency}</option>
-                  ))}
-                </select>
-              </label>
-            )}
             <label className="grow">Beleg (Rechnung/Garantieschein)
               <input type="file" accept="application/pdf,image/*"
                 onChange={(e) => { const f = e.target.files?.[0]; if (f) pickDoc(f); }} />
             </label>
           </div>
+          {priceCandidates.length > 1 && (
+            <label className="mt-0" style={{ maxWidth: 340 }}>Preis-Vorschlag aus Beleg
+              <select value={centsFrom(addForm.price) ?? ""} style={{ marginTop: 0 }}
+                onChange={(e) => setAddForm({ ...addForm, price: e.target.value === "" ? "" : (Number(e.target.value) / 100).toFixed(2) })}>
+                {!priceCandidates.includes(centsFrom(addForm.price)) && <option value="">– eigener Preis –</option>}
+                {priceCandidates.map((c) => (
+                  <option key={c} value={c}>{(c / 100).toFixed(2)} {addForm.currency}</option>
+                ))}
+              </select>
+            </label>
+          )}
           {addInfo && <p className="muted small mt-0"><Icon name="check" size={14} /> {addInfo}</p>}
           {newShopName && (
             <p className="muted small mt-0">