diff --git a/src/routes/wishlist/+page.svelte b/src/routes/wishlist/+page.svelte index 374fad9..2005ba4 100644 --- a/src/routes/wishlist/+page.svelte +++ b/src/routes/wishlist/+page.svelte @@ -284,6 +284,8 @@ font-weight: 600; font-size: 1rem; line-height: 1.3; + overflow-wrap: break-word; + word-break: break-word; } .meta { display: flex; @@ -340,4 +342,25 @@ font-size: 0.85rem; font-weight: 600; } + + /* Handy: Card stacked — Bild+Titel oben, Actions als eigene Reihe + darunter full-width. Vermeidet Titel-Overflow hinter den Buttons auf + schmalen Viewports (≤~414px), gibt Tap-Targets mehr Platz. */ + @media (max-width: 600px) { + .card { + flex-direction: column; + } + .text { + padding: 0.7rem 0.75rem; + } + .actions-top { + position: static; + display: flex; + gap: 0.4rem; + padding: 0.5rem 0.75rem; + border-top: 1px solid #e4eae7; + justify-content: flex-end; + background: #fafbfa; + } + }