Skip to content

PlotLink: Book card polish — title color + metadata alignment #294

@realproject7

Description

@realproject7

Summary

Follow-up polish to PR #293 (#292). Two small visual fixes on the book-style story cards.

1. Title color — use accent green

The book title (<h3>) currently uses text-foreground (white). Change it to the green accent color (text-accent / #00ff88) to make titles pop and reinforce the terminal aesthetic.

Current: text-foreground (white)
Desired: text-accent (green)

File: src/components/StoryCard.tsx:52

2. Metadata row left alignment

The card wrapper has ml-[6px] to reserve space for the page-thickness offset layers, but the metadata row below the card (px-1) doesn't account for this shift. The metadata text (TVL, plot count, rating) sits slightly left of the card's visual left edge.

Current: Metadata row has px-1 — doesn't align with the card's 6px left offset
Desired: Adjust metadata row padding so it visually aligns with the front cover's left edge

Acceptance Criteria

  • Book title text uses text-accent (green) color
  • Metadata row below card aligns with the front cover's visual left edge
  • No layout shifts or clipping at any responsive size

Labels

agent/T3, plotlink, ui

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agent

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions