From a92eb8001bd4e53b3f3b7c08938efe17a8fd7be6 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Wed, 7 Oct 2026 18:37:18 -0400 Subject: [PATCH] fix(hosts): the Add host dialog sits centred, not in the top-left corner (#5291) The stylesheet's reset (* { margin: 0 }) removed the browser's margin: auto that centres a modal ; .modal puts it back. Co-Authored-By: Claude Opus 5.5 --- steward/static/steward.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/steward/static/steward.css b/steward/static/steward.css index 6df4788..6c26577 100644 --- a/steward/static/steward.css +++ b/steward/static/steward.css @@ -311,8 +311,9 @@ a.stat-tile:hover { border-color: var(--border-mid); background: var(--bg-elevat .host-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: 1rem; margin-bottom: 1rem; } .host-pair > * { min-width: 0; } .host-pair .card { margin-bottom: 0; height: 100%; } -/* A small form over the page (native ; Esc closes it). */ -.modal { width: min(560px, calc(100vw - 2rem)); padding: 1.25rem; color: var(--text); background: var(--bg-card); +/* A small form over the page (native ; Esc closes it). Centred: the + reset at the top (* { margin: 0 }) takes away the browser's margin: auto. */ +.modal { margin: auto; width: min(560px, calc(100vw - 2rem)); padding: 1.25rem; color: var(--text); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--fs-radius-md); box-shadow: var(--fs-shadow-3); } .modal::backdrop { background: var(--fs-overlay); } .modal-title { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 500; margin: 0 0 1rem; }