diff --git a/app/components/NotifyMeForm.tsx b/app/components/NotifyMeForm.tsx index 8bcbad7..78ef7d2 100644 --- a/app/components/NotifyMeForm.tsx +++ b/app/components/NotifyMeForm.tsx @@ -67,8 +67,8 @@ export function NotifyMeForm({ productId, variantName = "" }: { productId: numbe type="email" value={email} onChange={(e) => setEmail(e.target.value)} - placeholder="E-Mail-Adresse" - aria-label="E-Mail-Adresse für Verfügbarkeits-Info" + placeholder="Bei Verfügbarkeit benachrichtigen" + aria-label="E-Mail-Adresse für Benachrichtigung, sobald das Produkt wieder verfügbar ist" className="w-full rounded-sm border border-border pl-3 pr-12 py-3 text-body-sm text-text-primary bg-bg-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand" />
{belowPrice} - {/* Reserved height keeps every IN-STOCK card in a row equal height - regardless of low-stock status — but a fully-out-of-stock - product can never show this line (anyLowStock is meaningless - once nothing's left to sell), so it's omitted entirely rather - than reserving dead space here. That dead space was exactly - what made a sold-out card's NotifyMeForm sit lower than - necessary, growing the whole card taller than its in-stock - siblings — see NotifyMeForm.tsx's own comment on that height - mismatch. */} - {!fullyOutOfStock && ( -{anyLowStock ? "Nur noch wenige verfügbar" : null}
- )} + {/* Always rendered, text conditional — reserved height keeps every + card in a row equal height regardless of low-stock status. An + earlier version omitted this for fully-out-of-stock products + (this line can never apply there), on the theory that it was + dead space — but NotifyMeForm's single-row redesign (see its + own comment) now matches AddToCartInlineButton's button height + exactly, which made THIS line the only remaining source of a + mismatch: omitting it made the sold-out card shorter than its + siblings instead of taller. Keeping it unconditional is what + actually gets an exact match now. */} +{anyLowStock ? "Nur noch wenige verfügbar" : null}
{/* flex-1 spacer — pins every card's button to the same Y regardless of whether the title/category line wraps. */}