openvibers/openvibe.rent Commits

Phone table cards ignore a table minimum width (#176)

OP OpenVibers committed 12 days ago · 19f4d0c26a · 1 file, +4 −1

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex 107c241..d4f3519 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -98,7 +98,7 @@ button.sc-btn.sc-primary { border: 0; }
stay tables. Nothing is left out and nothing scrolls sideways. */
@media (max-width: 640px) {
.table-wrap:has(> table thead th:nth-child(3)) { overflow: visible; }
-- .table-wrap > table:has(thead th:nth-child(3)) { display: block; }
++ .table-wrap > table:has(thead th:nth-child(3)) { display: block; min-width: 0; }
.table-wrap > table:has(thead th:nth-child(3)) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.table-wrap > table:has(thead th:nth-child(3)) tbody { display: grid; gap: 10px; }
.table-wrap > table:has(thead th:nth-child(3)) tr { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--border, #1f2d47); border-radius: 14px; background: var(--bg-card, var(--bg-secondary, #101828)); }
@@@ -110,3 +110,6 @@ button.sc-btn.sc-primary { border: 0; }
/* A sign-in prompt: the sentence, then the button under it (2026-11-01). */
.notice.signin-prompt { display: grid; gap: 12px; justify-items: start; }
.notice.signin-prompt p { margin: 0; }
++
++/* The rent trend line is drawn 320 wide; on a 320 px phone its box overran the gutter (2026-11-01). */
++svg.rent-trend { max-width: 100%; height: auto; }