---
{
  "n": 62,
  "title": "Add phone-width checks for the board and nav",
  "abstract": "Automated checks confirm the board, cards and nav hold up at phone widths",
  "refs": [
    "message:11539"
  ],
  "seen": [
    "agent",
    "system",
    "user"
  ],
  "data": {
    "source": "user",
    "stage": "To do",
    "board": 13,
    "draft": true,
    "covers": [
      "1",
      "2",
      "3",
      "4"
    ],
    "agent": "board-filler",
    "dispatcher": "c35e7375-7ce3-4bc3-b1ae-7cdf73bd1488",
    "environment": "main",
    "dependencies": {
      "ticket:57": "proposed",
      "ticket:58": "proposed",
      "ticket:59": "proposed",
      "ticket:60": "proposed",
      "ticket:61": "proposed"
    }
  },
  "created": 1790374155.724965,
  "updated": 1791617912.3442519,
  "deleted": 1791617912.343752,
  "completed": 0.0,
  "outcome": "",
  "type": "ticket"
}
---
**What:** add tests that render the board, ticket cards, top bar and sidebar at a phone viewport width and assert there is no horizontal overflow and that the collapsed nav/menu opens and closes.

**Why:** without a check, a later change can silently break the phone layout again.

**Touches:** the viewer's test suite for the board view, ticket card, top bar and sidebar/nav components.

**Done when:** the checks fail if any of the four pieces regress to a desktop-only layout at a phone width, and pass on the finished work.

**Risk:** viewport-based tests can be flaky if they depend on exact pixel widths; assert on overflow and visibility, not pixel-perfect positions.
