Skip to content

Polish stats screen: unified selection language, hierarchy, and whitespace#62

Merged
mapgie merged 4 commits into
mainfrom
claude/stats-screen-design-polish-az1qW
May 31, 2026
Merged

Polish stats screen: unified selection language, hierarchy, and whitespace#62
mapgie merged 4 commits into
mainfrom
claude/stats-screen-design-polish-az1qW

Conversation

@mapgie
Copy link
Copy Markdown
Owner

@mapgie mapgie commented May 31, 2026

  • Unify selection paradigm: category chips now use filled primaryContainer/
    secondaryContainer instead of thick colored outline borders, matching the
    chart type tiles' filled style. All three sections speak the same visual language.
  • Promote all section headers (Time range, Pick up to 2 categories, Chart type)
    from titleSmall to titleMedium so the screen is scannable rather than flat.
  • Elevate the X/Y axis readout: wrap it in a surfaceVariant pill with
    labelLarge text so the axis configuration summary has proper visual weight
    instead of being buried as tiny inline labels.
  • Reduce chart type tile width 100 → 80 dp so four tiles fit without clipping.
  • Tighten FlowRow vertical spacing to 8 dp for more consistent chip breathing room.

https://claude.ai/code/session_018PzyCJXUmRxBCxjFSWnHjo

claude added 4 commits May 31, 2026 00:07
…space

- Unify selection paradigm: category chips now use filled primaryContainer/
  secondaryContainer instead of thick colored outline borders, matching the
  chart type tiles' filled style. All three sections speak the same visual language.
- Promote all section headers (Time range, Pick up to 2 categories, Chart type)
  from titleSmall to titleMedium so the screen is scannable rather than flat.
- Elevate the X/Y axis readout: wrap it in a surfaceVariant pill with
  labelLarge text so the axis configuration summary has proper visual weight
  instead of being buried as tiny inline labels.
- Reduce chart type tile width 100 → 80 dp so four tiles fit without clipping.
- Tighten FlowRow vertical spacing to 8 dp for more consistent chip breathing room.

https://claude.ai/code/session_018PzyCJXUmRxBCxjFSWnHjo
- Thick colored outlines read as alerts, not selections
- One selection language per screen
- Section headers need at least one weight step above body text
- Key configuration summaries need a visual container

https://claude.ai/code/session_018PzyCJXUmRxBCxjFSWnHjo
@mapgie mapgie merged commit 48a41dc into main May 31, 2026
3 checks passed
@mapgie mapgie deleted the claude/stats-screen-design-polish-az1qW branch May 31, 2026 00:23
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.

2 participants