From bc3b7e2cbe47d2640f606aee14540f03721b6bdc Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Thu, 2 Apr 2026 20:31:01 +0100
Subject: [PATCH] [#771] Fix Reader holdings 4-box grid not full width on
 mobile

Change grid container from 'min-w-0 flex-1' to 'min-w-0 w-full sm:flex-1'
so on mobile (flex-col) the stat grid stretches to full card width,
matching the Portfolio grid above. On desktop (sm:flex-row), flex-1
still fills remaining space beside the Moleskine.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/profile/[address]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/profile/[address]/page.tsx b/src/app/profile/[address]/page.tsx
index dfa10ae8..d7aa6678 100644
--- a/src/app/profile/[address]/page.tsx
+++ b/src/app/profile/[address]/page.tsx
@@ -1521,7 +1521,7 @@ function PortfolioTab({ address, isOwnProfile }: { address: string; isOwnProfile
                 </div>
               </div>
             </Link>
-            <div className="min-w-0 flex-1">
+            <div className="min-w-0 w-full sm:flex-1">
               <div className="grid grid-cols-2 gap-2">
                 {/* Value */}
                 <div className="border-border rounded border px-2 py-1.5 text-center">