goose.art
extremely claude-assisted go game based on atproto! working on cleaning up and giving a more unique design, still has a bit of a slop vibe to it.
Fix cramped layout in Current Games section header
Issues fixed:
- Section header elements were cramped on one line
- Game count and filter toggles were breaking awkwardly
- Text was getting truncated
Changes:
- Add flex-wrap to .section-header to allow wrapping
- Add flex-wrap to .section-title-row for responsive layout
- Add flex-wrap to .filter-toggles for better mobile support
- Add white-space: nowrap to .game-count to prevent mid-text breaks
- Add gap spacing to section-header for consistent spacing
Now the layout gracefully wraps when space is limited, preventing
awkward text breaking and maintaining readability.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
+5
+5
src/routes/+page.svelte
+5
src/routes/+page.svelte
···
1426
1426
.filter-toggles {
1427
1427
display: flex;
1428
1428
gap: 1rem;
1429
+
flex-wrap: wrap;
1429
1430
}
1430
1431
1431
1432
.game-players {
···
1643
1644
display: flex;
1644
1645
justify-content: space-between;
1645
1646
align-items: center;
1647
+
flex-wrap: wrap;
1648
+
gap: 1rem;
1646
1649
margin-bottom: 1rem;
1647
1650
}
1648
1651
···
1665
1668
display: flex;
1666
1669
align-items: center;
1667
1670
gap: 0.75rem;
1671
+
flex-wrap: wrap;
1668
1672
}
1669
1673
1670
1674
.title-with-info {
···
1698
1702
font-size: 0.875rem;
1699
1703
color: var(--sky-gray);
1700
1704
font-weight: normal;
1705
+
white-space: nowrap;
1701
1706
}
1702
1707
1703
1708
.toggle-label {