From 129ddc1924ed2374f43ec3adf59171c1acedf296 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Sat, 4 Apr 2026 06:28:06 +0100
Subject: [PATCH] [#823] Increase mobile Moleskine cover width from 100px to
 130px

Genre tags like "SCIENCE FICTION" were wrapping to two lines on mobile.
Widen the grid column from 100px to 130px to match the Writer tab
reference. Desktop stays at 160px.

Fixes #823

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 cf75c45f..2656090e 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -316,7 +316,7 @@ function StoryHeader({
 
   return (
     <header
-      className="pb-6 grid gap-x-4 sm:gap-x-6 grid-cols-[100px_1fr] sm:grid-cols-[160px_1fr] [grid-template-areas:'cover_info'_'stats_stats'] sm:[grid-template-areas:'cover_info'_'._stats']"
+      className="pb-6 grid gap-x-4 sm:gap-x-6 grid-cols-[130px_1fr] sm:grid-cols-[160px_1fr] [grid-template-areas:'cover_info'_'stats_stats'] sm:[grid-template-areas:'cover_info'_'._stats']"
     >
       {/* Moleskine book cover */}
       <div className="[grid-area:cover]">