From a675172d39220bc792d8d1ddaa510d20e87aa922 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Fri, 3 Apr 2026 09:19:33 +0100
Subject: [PATCH] [#784] Make MCap + Supply inline on mobile

Change left stats column from vertical stack (space-y-2) to
grid-cols-2 so Market Cap and Supply Minted display side by side
on all screen sizes including mobile.

Fixes #784

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

diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index 66af5db5..e9d80e78 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -304,7 +304,7 @@ function StoryHeader({
       {priceInfo && (
         <div className="mt-4 text-xs">
           <div className="border-border bg-surface grid grid-cols-1 sm:grid-cols-2 gap-2 rounded border px-3 py-2">
-            <div className="space-y-2">
+            <div className="grid grid-cols-2 gap-2">
               <MarketCapBox
                 tokenAddress={storyline.token_address}
                 totalSupply={parseFloat(priceInfo.totalSupply)}