From b0d8d728053dc48a58ef490cf3f63d1f158ad865 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Sun, 15 Mar 2026 12:56:04 +0000
Subject: [PATCH] [#113] Reorder widgets above story content on mobile

Add order-first lg:order-none to the sidebar aside element so
engagement widgets (trading, price chart, ratings, donations) appear
before story content on mobile viewports while keeping the desktop
two-column layout unchanged.

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 8209a710..af0165cf 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -70,7 +70,7 @@ export default async function StoryPage({ params }: { params: Params }) {
         </main>
 
         {/* Sidebar — engagement widgets */}
-        <aside className="space-y-4">
+        <aside className="order-first space-y-4 lg:order-none">
           {sl.token_address && priceInfo && (
             <PriceChart
               tokenAddress={sl.token_address as Address}