fix(home): loosen header stat spacing and standardize view-toggle button size#2583
Merged
Merged
Conversation
…ton size The Home header status stats (running / in progress / needs attention) were cramped together (gap-3), and the List/Board/Config view toggle used size="xs" buttons, smaller than the size="sm" standard used across the rest of packages/ui. Widen the inter-stat gap (gap-5) and dot-to-label gap (gap-2), and bump the toggle buttons to size="sm" with proportionate 14px icons. Generated-By: PostHog Code Task-Id: 1df3c04a-f4b0-4796-81b3-a835f7fc7c73
Contributor
|
Reviews (1): Last reviewed commit: "fix(home): loosen header stat spacing an..." | Re-trigger Greptile |
k11kirky
approved these changes
Jun 10, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Two small polish fixes to the Home view header (
packages/ui/src/features/home/components/HomeView.tsx):running/in progress/needs attentionstats were cramped together (gap-3, 12px), and each dot sat tight against its label (gap-1.5, 6px). Widened togap-5(24px) between stats andgap-2(8px) dot→label.List/Board/Configtoggle usedsize="xs", smaller than thesize="sm"standard used almost everywhere else inpackages/ui(98smusages vs 30xs). Bumped all three tosize="sm"and scaled their icons12 → 14pxto stay proportionate.Before:
After:
Why
The header read as a clump on the left and the toggle buttons looked undersized next to other toolbars (e.g. Inbox, code review).
Testing
pnpm --filter @posthog/ui typecheck+ pre-commit biome/typecheck pass.posthog-code-home-tabflag): stats now have clear breathing room and the toggle matches standard button sizing in both light and dark mode.Created with PostHog Code