From 67f8906631d921c12285b0ed1c89831ee19eca5e Mon Sep 17 00:00:00 2001 From: Bryce Date: Sun, 28 Jun 2026 08:47:46 -0700 Subject: [PATCH] fix(ssr): center the client bank-account sub-editor content MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The bank-account editor (cash/credit/checking) is a full sub-modal that swaps into the client wizard at the same 820px width, but its single-column form (~430px of fields) hugged the far-left edge, leaving the whole right half empty — the same "too wide / empty" look as the pay modal. Constrain the form to max-w-xl and center it (mx-auto) so the whitespace is balanced; keeps the 820px card so there's no size jump entering/leaving the editor. Audit context: walked all 7 client steps + the pay wizard (step 1 + step 2 simple/advanced grid) at 1440x900 — all fit with no overflow; the regular steps stay balanced via the vertical timeline sidebar. This sub-editor was the one unbalanced spot. Co-Authored-By: Claude Opus 4.8 --- resources/public/output.css | 4 ++++ src/clj/auto_ap/ssr/admin/clients.clj | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/resources/public/output.css b/resources/public/output.css index 2a5b7a55..836b3d3b 100644 --- a/resources/public/output.css +++ b/resources/public/output.css @@ -1694,6 +1694,10 @@ input:checked + .toggle-bg { max-width: 1024px; } +.max-w-xl { + max-width: 36rem; +} + .max-w-xs { max-width: 20rem; } diff --git a/src/clj/auto_ap/ssr/admin/clients.clj b/src/clj/auto_ap/ssr/admin/clients.clj index a7791eb3..3356ff7f 100644 --- a/src/clj/auto_ap/ssr/admin/clients.clj +++ b/src/clj/auto_ap/ssr/admin/clients.clj @@ -1026,7 +1026,7 @@ (com/modal-card-advanced {:class " md:w-[820px] md:h-[560px] w-full h-full"} (com/modal-header {} [:div.p-2 "Bank Account"]) - (com/modal-body {} [:div {:class "htmx-added:opacity-0 opacity-100 transition-opacity duration-300"} + (com/modal-body {} [:div {:class "max-w-xl mx-auto htmx-added:opacity-0 opacity-100 transition-opacity duration-300"} (bank-account-form ba client-id)]) (com/modal-footer {} [:div.flex.justify-end.items-baseline.gap-x-4