Unit page: the Unit details card
The loose lines under the unit title move into one card, at desktop and phone width.
21 Oct 2026 · branch smart-route-p2-properties-units · captured against propflow-stage · at 8548e43492a+local
Data note. Every name and balance below comes from propflow-stage, which is anonymized by construction (ADR-0097/0110 — phones in the impossible +1000 NPA, emails @example.test). The identical capture against prod would carry real tenants' names and balances and is not safe to attach anywhere, which is why the generator refuses to run against one.
1 · Desktop
The title is just the unit. Building, layout and rent (with market rent beside it) are label/value rows in a card styled like Clara's Unit Summary.
Asserted in the captured DOM — Unit 101 · Unit details · August Court · 1 Bed / 1 Bath · 700 sq ft · $1,550/mo · Market $1,500. Labels render in capitals by style, so the values are what is checked.
Sections 2–2
2 · Phone
The same card at phone width: rows stack in one column, nothing is cut off and the page does not scroll sideways.
Asserted in the captured DOM — Unit 101 · Unit details · 1 Bed / 1 Bath · $1,550/mo · Market $1,500
