Concept A · 390 px
Fulfillment
Everything waiting on a person.
2
Pin a catalog itemOldest waiting 6 days
1
Draft never transmittedOrder #14 · 4 days
1
Sent, arrival not confirmedOrder #13 · 6 days
96
Ready to order15 preparations
4
Needs lot and date laneOrder #12
0
Labels awaiting a pharmacist laneNothing waiting
Order #12
lane| Preparation | Ordered | Arrived | Short |
|---|---|---|---|
| Semaglutide / B12 | 6 | 6 | 0 |
| NAD+ 100 mg/mL | 4 | 2 | 2 |
| BPC-157 | 2 | 0 | 2 |
What this page assumes
- The home screen needs no adaptation. A bucket is a short row with one number and one label, so the desktop and phone versions are the same object at a different width. This is why Concept A won the mobile scenario.
- Tables collapse to labelled cards rather than scrolling sideways. Measured on the current build at 390 px: a 316 px visible container against 680 px and 720 px tables, so quantity — the number the operator came to check — was off-screen. Every value here is reachable without horizontal scrolling.
- The card-collapse rule lives in the shared stylesheet, so all three concepts inherit it equally and none of them wins the comparison on this point.
- The global navigation is dropped entirely at this width rather than hidden behind a menu. An operator at the bench is here for one thing.
- This page is deliberately capped: three preparations on order #12, not all fifteen. On a phone a truncated list with an honest count beats a complete one nobody scrolls.