Fix MwSt./Versand line wrapping onto two lines in narrow pricing panels

"inkl. X% MwSt. zzgl. Versand" got long enough (once the rate is spelled
out) that sharing a flex row with the price wrapped mid-sentence in
Pricing.tsx's/ProductSpotlight's narrow columns. Moved onto its own line
instead of inline next to the price.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Marco
2026-07-22 23:31:10 +00:00
parent a50524832e
commit b2bffd13a3
2 changed files with 10 additions and 2 deletions
+6 -1
View File
@@ -79,14 +79,19 @@ export async function Pricing() {
</div>
<div className="flex flex-col gap-3 items-start w-full lg:w-[18.75rem] lg:shrink-0">
{/* MwSt./Versand disclosure on its own line, not crammed into
the price row itself — "inkl. X% MwSt. zzgl. Versand" is
long enough (once the rate is spelled out) that sharing a
row with the price in this panel's narrow fixed-width
column wrapped it mid-sentence onto a second line. */}
<div className="flex flex-col gap-1 items-start">
<div className="flex gap-2 items-baseline">
{discount !== null && (
<p className="text-body text-text-muted line-through">{formatPrice(product.compareAtPrice!)}</p>
)}
<p className="font-bold text-h3 text-text-primary">{formatPrice(product.price)}</p>
<p className="text-label text-text-muted">inkl. {taxRate}% MwSt. zzgl. Versand</p>
</div>
<p className="text-label text-text-muted">inkl. {taxRate}% MwSt. zzgl. Versand</p>
<p className="text-label text-text-muted">
Lieferzeit: {shipping.totalDays.min}{shipping.totalDays.max} Werktage innerhalb Deutschlands
</p>