Skip to content

Center the leaderboard rank column - #2

Open
StevenDillmann wants to merge 1 commit into
harbor-framework:mainfrom
StevenDillmann:fix-center-rank-column
Open

Center the leaderboard rank column#2
StevenDillmann wants to merge 1 commit into
harbor-framework:mainfrom
StevenDillmann:fix-center-rank-column

Conversation

@StevenDillmann

Copy link
Copy Markdown

The rank column's header and values were right-aligned (text-right), which
pushed RANK and its numbers against the neighbouring Agent column while
leaving a gap on the left of a fixed w-12 column.

Switches both the header and cell alignment to text-center so the label sits
over its own values and the column reads as a self-contained gutter.

Two class changes in buildColumns, components/leaderboard/leaderboard-table.tsx:

-      headerClassName: 'w-12 text-right',
-      cellClassName: 'text-right',
+      headerClassName: 'w-12 text-center',
+      cellClassName: 'text-center',

These are consumed by components/ui/data-table.tsx (meta?.headerClassName
at the header cell, meta?.cellClassName at the body cell), so no other
call sites are affected. npm run types:check passes.

🤖 Generated with Claude Code

Align rank headers and values consistently for easier scanning.
@vercel

vercel Bot commented Aug 9, 2026

Copy link
Copy Markdown

@StevenDillmann is attempting to deploy a commit to the Harbor Framework Team on Vercel.

A member of the Team first needs to authorize it.

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