Skip to content

feat: move roster card icons below the text row#612

Merged
BreakableHoodie merged 1 commit into
mainfrom
feat/roster-icons-below-text
Jul 17, 2026
Merged

feat: move roster card icons below the text row#612
BreakableHoodie merged 1 commit into
mainfrom
feat/roster-icons-below-text

Conversation

@BreakableHoodie

Copy link
Copy Markdown
Owner

Summary

Follow-up to #609 (merged) from Dre's review: a long band name truncated against the right-aligned icon cluster ("THE TIME TRAVEL…"). The icon row now sits below the name/meta block, aligned with the text column — the name gets the full card width and the card grows vertically instead. Cards without links keep their original height. Verified with a seeded worst case ("The Time Travelling Garbage Collectors" + 4 icons) in both dark and light themes; screenshots shared with Dre in-session.

Refs #607.

What changed

File Change
frontend/src/pages/ArtistsPage.jsx Icon cluster moved from a right-aligned flex sibling to its own row under the text (pl-[68px] aligns icon glyphs with the text column: 64px photo + 16px gap − 12px hit-area inset); name column no longer competes for width

Security / correctness notes

None — layout-only change; hrefs, sanitization, metrics, and aria-labels unchanged.

Verification

  • Tests: frontend 519 pass (50 files) — icon-cluster tests query by role/aria-label, unaffected by layout
  • ESLint: 0 errors
  • Format check: clean
  • Build: green
  • validate:openapi: n/a
  • Manual smoke: local wrangler + seeded long-name band, both themes screenshotted

Built by Theo · Reviewed by Theo · 🤖 Claude Code

@BreakableHoodie BreakableHoodie added enhancement New feature or request priority:p2 Medium priority labels Jul 17, 2026
Copilot AI review requested due to automatic review settings July 17, 2026 00:50
@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@BreakableHoodie
BreakableHoodie enabled auto-merge (squash) July 17, 2026 00:53
A long band name truncated against the right-aligned icon cluster.
The icons now sit on their own row under the name/meta block (aligned
with the text column), so the name gets the full card width and the
card grows vertically instead — per Dre. Cards without links keep
their original height.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@BreakableHoodie
BreakableHoodie force-pushed the feat/roster-icons-below-text branch from 1ad153c to 33813ae Compare July 17, 2026 08:48
Copilot AI review requested due to automatic review settings July 17, 2026 08:48

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@BreakableHoodie
BreakableHoodie merged commit 899b397 into main Jul 17, 2026
22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request priority:p2 Medium priority

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants