No description
The /sites table showed seven columns and needed roughly 493px of a 343px viewport once the page padding is taken off, so at phone width the row was a sideways scroll with the sticky Site column sitting on top of the figures — the same trap the invoice table had. Below sm it now shows Site, Total incl VAT and Unbooked. The ex-VAT and VAT columns hide, but their split is not dropped: it moves under the total as two stacked lines, "ex 161 367,50" and "VAT 24 205,13", which is the same information the columns carried without the width. The split is stacked rather than on one line because "161 367,50 + 24 205,13" is wider than the total it annotates, which pushed the row back over the viewport. The unbooked badge drops its word on mobile for the same reason — the row is already tinted, and the count plus icon carry the meaning. Width budget for the three visible columns: 154 + 102 + 60 = 316px of 343px. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .mavis/canvas-assets | ||
| app | ||
| components | ||
| data/source | ||
| lib | ||
| public | ||
| scripts | ||
| .dockerignore | ||
| .env.example | ||
| .gitignore | ||
| AGENTS.md | ||
| COOLIFY.md | ||
| Dockerfile | ||
| HANDOFF-PROMPT-2.md | ||
| HANDOFF-PROMPT-3.md | ||
| HANDOFF-PROMPT-4.md | ||
| HANDOFF-PROMPT.md | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| tsconfig.json | ||