33 lines
1.7 KiB
Markdown
33 lines
1.7 KiB
Markdown
# Daily KPI Card Size Refinement
|
|
|
|
## Metadata
|
|
|
|
- Date: 2026-07-31
|
|
- Status: Implemented
|
|
- Scope: Daily ARRIVAL DATE, processing duration and NO. OF ROOM cards
|
|
- Confidence: Fact
|
|
- Source: `arr_web/static/styles.css`, `tests/test_arr_web_daily_visual_ui.py`
|
|
- Last verified: 2026-07-31
|
|
|
|
## User-Facing Outcome
|
|
|
|
- The three daily KPI cards retain their original grid-column widths.
|
|
- Desktop cards now stretch to the same compact grid-row height as the upload panel, approximately one-third of the
|
|
prior screenshot height.
|
|
- KPI content remains vertically centered within each equal-height card.
|
|
- The upload card's dropzone is compressed into a horizontal icon-and-copy layout, with smaller heading, progress and
|
|
footer spacing so the whole row stays compact.
|
|
- At narrow widths, the original larger upload/dropzone treatment and stacked content remain in place.
|
|
|
|
## Verification
|
|
|
|
- `node --check arr_web/static/app.js`: passed.
|
|
- `python3 -m unittest tests.test_arr_web_daily_visual_ui tests.test_arr_web_task_log_ui tests.test_arr_web_job_trace tests.test_arr_web_repository_schema tests.test_arr_web.PortalApplicationTests.test_fixed_static_routes_and_required_content tests.test_arr_web.PortalApplicationTests.test_all_public_assets_exclude_removed_copy`: 20 passed.
|
|
- No upload request, progress state, task-log behavior, API route or processing coordinator changed.
|
|
|
|
## Design Boundary
|
|
|
|
This is a preserve-mode refinement using the existing light neutral surfaces, blue accent, 16px card radius and native
|
|
CSS. The selected dials remain DESIGN_VARIANCE: 3, MOTION_INTENSITY: 3 and VISUAL_DENSITY: 5; the change addresses the
|
|
visual proportion shown in the supplied reference without adding new dependencies, motion or a new component system.
|