Skip to content

Add a print stylesheet for the builder resume draft #25

Description

@telivity-otaip

Why

Users already download .doc / .txt. Printing or “Save as PDF” from the builder is a common expectation, but the page chrome (nav, locks rail, match score) wastes paper and looks broken.

Size

M — CSS @media print (+ tiny optional class toggles).

Task

  1. In web/index.html styles, add @media print rules that:
    • hide header, board chrome, drawer, settings, non-draft builder chrome
    • show the draft text (#rp2_edtext / builder editor) cleanly in black on white
    • avoid cutting mid-section when possible
  2. Optional: a Print / PDF button near existing download actions that calls window.print() only when a draft exists.
  3. Doctrine blurb unnecessary in print output — keep it product UI only.

Acceptance

  • Print preview from builder is readable and mostly draft-only
  • Board / Memory pages don’t spew broken layouts when printed accidentally (hide app chrome reasonably)
  • No new dependencies; works in Chromium + Firefox print preview
  • npm test passes

Out of scope

Pixel-perfect ATS templates; DOCX redesign; auto-apply anything.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions