Skip to content

[#302] Stack TVL and plot count on separate lines#305

Merged
realproject7 merged 1 commit intomainfrom
task/302-metadata-stack
Mar 18, 2026
Merged

[#302] Stack TVL and plot count on separate lines#305
realproject7 merged 1 commit intomainfrom
task/302-metadata-stack

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Metadata below story cards now stacks vertically (flex-col) instead of inline
  • Removed | separator between TVL and plot count
  • Each value has whitespace-nowrap to prevent mid-value breaks on narrow cards
  • Rating summary remains visible on its own line

Fixes #302

Test plan

  • Verify TVL and plot count on separate lines on mobile (2-col grid)
  • Verify neither value wraps at narrow widths
  • Verify rating summary still visible
  • Check desktop (3-col grid) layout is acceptable

🤖 Generated with Claude Code

- Remove inline layout and | separator
- Each metadata value on its own line with whitespace-nowrap
- Rating summary on its own line below

Fixes #302

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

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

Clean refactor from horizontal flex-wrap to vertical flex-col stack. | separator removed, whitespace-nowrap on both values, RatingSummary still visible. LGTM.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

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

Verdict: APPROVE

Summary

The PR matches issue #302 and keeps the change tightly scoped to the story-card metadata layout.

Findings

  • No blocking findings.

Decision

Approving because TVL and plot count now render on separate non-wrapping lines, the | separator is removed, and the rating summary remains visible as required.

@realproject7 realproject7 merged commit cfc775e into main Mar 18, 2026
1 check passed
realproject7 added a commit that referenced this pull request Mar 27, 2026
Add maximumScale: 1 to viewport config to prevent iOS Safari from
zooming in when focusing input/textarea elements.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
realproject7 added a commit that referenced this pull request Mar 27, 2026
Revert maximumScale: 1 which disabled pinch-to-zoom globally. Instead,
use @supports (-webkit-touch-callout: none) to target iOS Safari and
set font-size: max(16px, 1em) on input/textarea/select elements.
iOS only auto-zooms on inputs with font-size < 16px. Pinch-to-zoom
remains fully functional.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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.

[mobile] Separate TVL and plot count into individual lines on story cards

2 participants