Problem
On mobile (375px), the Reader tab's Story Token Holdings 4-box grid (Value, Balance, PnL, First Traded) does not stretch to full width. The Portfolio section above uses grid-cols-2 sm:grid-cols-4 which fills the container, but the holdings grid uses plain grid-cols-2 nested inside a flex layout that constrains its width.
Expected
The 4-box grid under each holdings card should be full-width on mobile, matching the Portfolio section's layout above it.
Fix
In src/app/profile/[address]/page.tsx around line 1525:
- The holdings grid is inside
<div className="min-w-0 flex-1"> which is a flex child of the flex-col sm:flex-row container
- On mobile (flex-col), the grid already gets full width, but the parent container
px-4 padding + Moleskine width may constrain it
- Ensure the grid stretches to match the Portfolio grid's full-width appearance on mobile — the grid should span the full card width below the Moleskine, not be constrained by flex layout
Branch
task/771-reader-grid-fullwidth
Problem
On mobile (375px), the Reader tab's Story Token Holdings 4-box grid (Value, Balance, PnL, First Traded) does not stretch to full width. The Portfolio section above uses
grid-cols-2 sm:grid-cols-4which fills the container, but the holdings grid uses plaingrid-cols-2nested inside a flex layout that constrains its width.Expected
The 4-box grid under each holdings card should be full-width on mobile, matching the Portfolio section's layout above it.
Fix
In
src/app/profile/[address]/page.tsxaround line 1525:<div className="min-w-0 flex-1">which is a flex child of theflex-col sm:flex-rowcontainerpx-4padding + Moleskine width may constrain itBranch
task/771-reader-grid-fullwidth