The accounts table needed the whole width
Caught in a screenshot, invisible in the source: sharing a grid row with the create form left the five-column table about half the page, so every date broke as "2026-" / "08-05", the action button wrapped to two lines, and a long address split mid-word. A wrapped date reads as two dates. Full width, the address takes the slack, and the four columns that must never wrap say so. Verified by counting line boxes per cell rather than by eye — my first check compared cell HEIGHTS and flagged all five rows, which was just the button's own height.
This commit is contained in:
parent
449b1e75e0
commit
80c4bd498c
1 changed files with 7 additions and 1 deletions
|
|
@ -122,6 +122,12 @@
|
||||||
.form{display:grid;gap:10px;max-width:420px}
|
.form{display:grid;gap:10px;max-width:420px}
|
||||||
.form .lbl{color:var(--muted);font-size:11.5px;text-transform:uppercase;
|
.form .lbl{color:var(--muted);font-size:11.5px;text-transform:uppercase;
|
||||||
letter-spacing:.06em;margin-bottom:3px}
|
letter-spacing:.06em;margin-bottom:3px}
|
||||||
|
/* The address takes the slack; nothing else may wrap. A wrapped date reads as
|
||||||
|
two dates, and a wrapped button reads as two buttons. */
|
||||||
|
.accts td:first-child{word-break:break-all}
|
||||||
|
.accts td:nth-child(2),.accts td:nth-child(3),.accts td:nth-child(4){white-space:nowrap}
|
||||||
|
.accts td:last-child{white-space:nowrap;text-align:right}
|
||||||
|
.accts button{white-space:nowrap}
|
||||||
@media (max-width:560px){ main{padding:12px;gap:12px} section{padding:12px} }
|
@media (max-width:560px){ main{padding:12px;gap:12px} section{padding:12px} }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -612,7 +618,7 @@ function viewAdmin(users){
|
||||||
'<p class="note">Registrace je zavřená: veřejné zakládání účtů neexistuje a ' +
|
'<p class="note">Registrace je zavřená: veřejné zakládání účtů neexistuje a ' +
|
||||||
"tohle jde přes superuživatele, kterým jsi právě přihlášený.</p></section>" +
|
"tohle jde přes superuživatele, kterým jsi právě přihlášený.</p></section>" +
|
||||||
|
|
||||||
'<section><h2>Účty</h2><table>' +
|
'<section class="wide"><h2>Účty</h2><table class="accts">' +
|
||||||
"<tr><th>e-mail</th><th>varianta</th><th>strop</th><th>vznik</th><th></th></tr>" +
|
"<tr><th>e-mail</th><th>varianta</th><th>strop</th><th>vznik</th><th></th></tr>" +
|
||||||
(rows || "<tr><td colspan=5 class='note'>nic</td></tr>") + "</table>" +
|
(rows || "<tr><td colspan=5 class='note'>nic</td></tr>") + "</table>" +
|
||||||
'<p class="note">Varianta rozhoduje, jaký build dostane přes automatickou ' +
|
'<p class="note">Varianta rozhoduje, jaký build dostane přes automatickou ' +
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue