michael/ProdDash
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 1 Wiki Activity

Admin: a folded card's readout shares its row with Configure

Browse Source 
Folded, the status readout took a full line and Configure sat alone beneath
it. The readout now moves into the bottom row beside the button, the button
staying bottom-right even when a long readout wraps; opening the card puts
the readout back above the form, where it was.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Waters Church
2026-09-13 14:10:39 -04:00
co-authored by Claude Fable 5.1
parent cd15efa7e6
commit bed2212850
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin/admin.css
+3 -2
View File
@@ -298,7 +298,7 @@ details.field-group > summary.field-group-title:hover { color: var(--text); }
/* the card's one action row: status on the left, Configure / Apply on the right */
.module-actions {
display: flex;
align-items: center;
align-items: flex-end; /* the button stays bottom-right when a readout wraps */
gap: 10px;
margin-top: 10px;
}
@@ -306,7 +306,8 @@ details.field-group > summary.field-group-title:hover { color: var(--text); }
.module-name.is-toggle:hover,
.module-name.is-toggle:focus-visible { color: var(--accent); outline: none; }
.module-actions .admin-status { flex: 1; margin-top: 0; }
.module-actions .btn { margin-left: auto; }
.module-actions .module-status { flex: 0 1 auto; min-width: 0; margin-top: 0; }
.module-actions .btn { flex: none; margin-left: auto; }
.admin-status { min-height: 16px; font-size: 12px; color: var(--muted); margin-top: 8px; }
.admin-status.error { color: var(--danger); }