The right column (Fakturadetaljer + Summering + Granska & skapa)
now stays pinned at top:6 while the user scrolls through line items
on the left.
Pattern is standard for invoice editors with a totals sidebar (Stripe
Billing, QuickBooks, Bokio): totals + action button always in view,
no height-matching gymnastics needed since the right side scrolls
independently. Also makes the height mismatch between left and right
columns irrelevant — the right is sticky, the left flows naturally.
- Outer grid: add lg:items-start so children top-align (sticky needs
natural height, not stretched)
- Right wrapper: add lg:sticky lg:top-6 lg:self-start
Mobile (< lg) is unchanged — single-column stack with the existing
bottom sticky total bar.
Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Jakob Wennberg
86c92da52b