Skip to content

ui(series): episode number badge — match EpisodeCardsView's zero-padded chip #145

@stultus

Description

@stultus

Where: `src/lib/components/SeriesEpisodeList.svelte`

Episode rows currently start with the inline label "Ep 1", "Ep 2", "Ep 3"… set in the same font and weight as the title text. Reads as part of the title and steals visual room.

In contrast, the new EpisodeCardsView (#134) uses a discrete badge: zero-padded "01", "02", "03" set in Courier Prime with an accent-muted background. Reads at a glance as a chapter marker.

Suggested fix:
Bring the same badge into the sidebar so the two surfaces speak the same language:

  • Replace the "Ep N" inline label with a small Courier Prime pill: `01` / `02` / `03` — same dimensions and color treatment as EpisodeCardsView.
  • Title text gets the room back, so longer titles truncate later.
  • Active episode's badge gets the accent fill (it already gets accent treatment elsewhere on the row).

Tiny visual change with outsized clarity gain — the sidebar starts to feel like a vertical contents page, mirroring the card view.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestui/uxUI/UX or design issue

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions