diff --git a/src/lib/components/FindCard.svelte b/src/lib/components/FindCard.svelte index b2365f0..4c08434 100644 --- a/src/lib/components/FindCard.svelte +++ b/src/lib/components/FindCard.svelte @@ -286,12 +286,16 @@ display: flex; align-items: center; gap: 0.5rem; + flex-wrap: wrap; + min-width: 0; } :global(.action-button) { gap: 0.375rem; color: hsl(var(--muted-foreground)); font-size: 0.875rem; + flex-shrink: 1; + min-width: 0; } :global(.action-button:hover) { diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 72f08dd..c3185ae 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -319,6 +319,7 @@ display: flex; flex-direction: column; overflow: hidden; + box-sizing: border-box; } .finds-header { @@ -347,8 +348,11 @@ left: 0; right: 0; width: 100%; + max-width: 100vw; + min-width: 0; height: 50vh; border-radius: 20px 20px 0 0; + box-sizing: border-box; } .finds-header {