Skip to content

PM-5401: Align member stats chevrons#1973

Open
jmgasper wants to merge 1 commit into
devfrom
PM-5401-1
Open

PM-5401: Align member stats chevrons#1973
jmgasper wants to merge 1 commit into
devfrom
PM-5401-1

Conversation

@jmgasper

Copy link
Copy Markdown
Collaborator

What was broken
The previous PM-5401 fix kept member stats text readable in the trip-winner layout, but QA reported that the right-side chevrons still did not align consistently across rows.

Root cause
The track details area had a fixed minimum width, but its internal flex contents were left-aligned. Rows with no winner or rating icon could leave unused space after the chevron, while rows with icons or wider values pushed the chevron farther right.

What was changed
Right-aligned the track details contents so every stats-row chevron sits on the same right edge while preserving the existing card markup, spacing, and typography behavior from the previous fix.

Any added/updated tests
Updated the MemberStatsBlock SCSS test to assert that track details use right alignment for consistent chevron placement.

Validation

  • yarn test:no-watch --runInBand src/apps/profiles/src/components/tc-achievements/MemberStatsBlock/MemberStatsBlock.spec.tsx passed.
  • yarn test:no-watch --runInBand src/apps/profiles/src passed.
  • yarn lint passed.
  • yarn run build passed with existing warnings.
  • yarn test:no-watch --runInBand was run and still fails in unrelated wallet-admin and work suites with existing module/mock/schema failures outside this change.

What was broken
The previous PM-5401 fix kept the member stats typography readable for trip-winner layouts, but QA reported that the chevron on the right side of each stats row still did not align consistently.

Root cause
The right-side track details group had a fixed minimum width, but its contents were left-aligned inside that space. Rows without winner or rating icons left unused space after the chevron, so the chevron landed farther left than rows with icons or wider values.

What was changed
Right-aligned the contents of the track details group so each row's chevron sits on the same right edge while preserving the existing row structure and spacing.

Any added/updated tests
Updated the MemberStatsBlock SCSS test to assert that track details are right-aligned for consistent chevron placement.
@jmgasper jmgasper requested a review from kkartunov as a code owner June 19, 2026 01:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant