Skip to content

[Bug] Storyline header: Moleskine cover too narrow on mobile — genre tag breaks #823

@realproject7

Description

@realproject7

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

  • Mobile cover width: w-[130px] (was w-[100px])
  • Genre tags like "SCIENCE FICTION" fit on one line
  • Desktop cover unchanged (sm:w-[160px])
  • Matches the Moleskine size from the Writer tab on the profile page
  • Info column still has enough space on 320px screens (320 - 130 - 16 = 174px)

Branch

task/<issue>-cover-width-mobile

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agentbugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions