Problem
The Moleskine book cover on mobile is w-[100px], which is too narrow for genre tags like "SCIENCE FICTION" — the text wraps to two lines and looks broken.
Reference
The Writer tab on the profile page has the perfect Moleskine size on mobile — use that as the reference for the correct width. Match the storyline page cover to that size.
Solution
Increase mobile cover width from w-[100px] to w-[130px]. The cover was previously w-[130px] before PR #817 reduced it. This gives enough room for longer genre tags to fit on one line.
The desktop size stays at sm:w-[160px] (unchanged).
Acceptance Criteria
Branch
task/<issue>-cover-width-mobile
Problem
The Moleskine book cover on mobile is
w-[100px], which is too narrow for genre tags like "SCIENCE FICTION" — the text wraps to two lines and looks broken.Reference
The Writer tab on the profile page has the perfect Moleskine size on mobile — use that as the reference for the correct width. Match the storyline page cover to that size.
Solution
Increase mobile cover width from
w-[100px]tow-[130px]. The cover was previouslyw-[130px]before PR #817 reduced it. This gives enough room for longer genre tags to fit on one line.The desktop size stays at
sm:w-[160px](unchanged).Acceptance Criteria
w-[130px](wasw-[100px])sm:w-[160px])Branch
task/<issue>-cover-width-mobile