---
{
  "n": 59,
  "title": "Collapse the top bar into a compact menu on phones",
  "abstract": "The top bar's controls fold into a single menu instead of being squeezed into a row",
  "refs": [
    "message:11539"
  ],
  "seen": [
    "agent",
    "system",
    "user"
  ],
  "data": {
    "source": "user",
    "stage": "To do",
    "board": 13,
    "draft": true,
    "covers": [
      "3",
      "4"
    ],
    "agent": "board-filler",
    "dispatcher": "c35e7375-7ce3-4bc3-b1ae-7cdf73bd1488",
    "environment": "main",
    "dependencies": {
      "ticket:56": "proposed"
    }
  },
  "created": 1790374129.454051,
  "updated": 1791617912.313598,
  "deleted": 1791617912.312544,
  "completed": 0.0,
  "outcome": "",
  "type": "ticket"
}
---
**What:** on phone widths, collapse the top bar's controls (search, actions, account) behind a single menu button instead of showing them all in a row.

**Why:** a row of desktop controls squeezed onto a phone width either overflows or becomes too small to use.

**Touches:** the app's top bar component and its CSS.

**Done when:** on a phone, the top bar fits the screen width with no control cut off or overlapping, and every control is still reachable through the collapsed menu.

**Risk:** hiding controls behind a menu can hide something users expect to see immediately; keep the most-used action visible.