From 94cd655829ab46c092c5ca699da109dfc7643937 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 09:51:01 +0000
Subject: [PATCH] [#294] Book card polish: accent title color + metadata
 alignment

- Title text uses text-accent (green) instead of text-foreground (white)
- Metadata row left padding adjusted to pl-[7px] to align with front
  cover's visual left edge (6px layer offset + 1px border)

Fixes #294

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/StoryCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/StoryCard.tsx b/src/components/StoryCard.tsx
index 988ead19..74b6544a 100644
--- a/src/components/StoryCard.tsx
+++ b/src/components/StoryCard.tsx
@@ -49,7 +49,7 @@ export function StoryCard({
 
             {/* Center: title */}
             <div className="flex flex-1 flex-col items-center justify-center px-2 text-center">
-              <h3 className="text-foreground text-base font-bold leading-tight tracking-tight sm:text-lg">
+              <h3 className="text-accent text-base font-bold leading-tight tracking-tight sm:text-lg">
                 {storyline.title}
               </h3>
               {storyline.language && storyline.language !== "English" && (
@@ -69,7 +69,7 @@ export function StoryCard({
       </div>
 
       {/* Metadata row below card */}
-      <div className="text-muted mt-2 flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-1 text-[10px]">
+      <div className="text-muted mt-2 flex flex-wrap items-center justify-between gap-x-2 gap-y-1 pl-[7px] pr-1 text-[10px]">
         <div className="flex items-center gap-1">
           {storyline.token_address && (
             <>