[mlaseko]

Why

On a phone, the saved quotation page was hard to use:

• What it comes to now:
  • each product's rows were long, bold and wrapped;
  • nothing showed that a product opens to its rooms;
  • Apply and the Excel button sat at the very end of a long list.
• The sheet's line table: it scrolled sideways (min-width 860 px), which hid the price, the amount and what each line became.

What (phone widths only, ≤ 700 px; the desktop layout is unchanged apart from the chevron)

• Product rows:
  • a chevron shows that a product opens to its rooms;
  • the title is lighter, with the room count and unit price on a line of their own;
  • Sheet and Today sit side by side, and New appears only when something changed.
• Top figures:
  • On the sheet and Today are compact one-line tiles;
  • the "With your changes" tile moves into a sticky bar above the tab bar, showing the new total, the difference and how many lines changed, with Apply and Excel buttons. It stays in reach while scrolling the products.
• The sheet's lines: a card per line, with these styles scoped to the saved page (.qi-saved), so the preview is untouched:
  • the picture;
  • the name and size;
  • the amount (bold);
  • the line number;
  • quantity @ price;
  • what the line became, with Change….
• Room rows: tighter, with smaller quantity boxes.

Tests

• python tests/test_flow.py quotations → ALL OK.
• Checked on an iPhone 13 emulation in Chromium: no sideways scroll (page width = viewport), the sticky bar updates when the Staff quarters chip is pressed, and no script errors.

---

Generated by Claude Code