admin: set a dialog's buttons evenly in its corner
The buttons sat three times as far from the right as from the floor;
the footer now pads 2xs all round, the title's sides as before.
Assisted-by: Claude Opus 5 via Claude Code
diff --git a/public/admin.css b/public/admin.css
index 4e453a5..99bd535 100644
--- a/public/admin.css
+++ b/public/admin.css
@@ -622,11 +622,15 @@ a.tag {
/* A dialog's title and action bars close to the smallest step the
record's rows use, a line and its buttons being all either holds;
Gloss's own spend more of a short dialog on chrome than on content.
- The sides keep Gloss's step, so the bars stay aligned with the body. */
-dialog > header,
-dialog > footer {
+ The title keeps Gloss's side step, lined up with the body under it;
+ the buttons take the small step on every side, sitting in the corner
+ as far from the right edge as from the bottom. */
+dialog > header {
padding-block: var(--gl-space-2xs);
}
+dialog > footer {
+ padding: var(--gl-space-2xs);
+}
/* The groups dialog (Admin::GroupDialog) is a list of one-line rows,
not the settings form Gloss spaces its stacks for, so it closes up