From b5602d308ed69f198de96d460359dc11e47372c1 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Thu, 26 Mar 2026 17:53:29 +0000
Subject: [PATCH] =?UTF-8?q?[#578]=20Fix=20story=20header=20vertical=20alig?=
 =?UTF-8?q?nment=20=E2=80=94=20add=20items-center?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

View count icon and genre/language tags now vertically align with
other metadata items in the StoryHeader flex container.

Fixes #578

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 4ea7bbfc..c2731ebb 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -251,7 +251,7 @@ function StoryHeader({
       <h1 className="font-body text-2xl font-bold tracking-tight text-accent">
         {storyline.title}
       </h1>
-      <div className="text-muted mt-3 flex flex-wrap gap-x-4 gap-y-1 text-xs">
+      <div className="text-muted mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs">
         <span>
           by{" "}
           <Suspense fallback={<span className="text-foreground">{truncateAddress(storyline.writer_address)}</span>}>