From ab7529eca644a6eb5cba1742bb6f631695f7d96f Mon Sep 17 00:00:00 2001
From: Bryce <bryce@brycecovertoperations.com>
Date: Sun, 28 Jun 2026 00:32:01 -0700
Subject: [PATCH] fix(ssr): right-size the pay modal; fix stale post-create
 title
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The pay wizard modal was w-[50em] (800px) but its bank-account cards are
w-[30em] (480px), so once the CSS rebuild activated the real width it rendered
with a large empty right region — visible especially via the "Pay now" step
after creating an invoice. It had effectively been content-width (~543px) before
and looked fine. Set the pay modal to w-[34em] (544px) so it fits its content
and stays consistent across both pay steps. Verified live: modal is 544px and
the method cards fill it, centered.

Also fix the post-create "next steps" modal's stale header text
("Invoice accounts " -> "Invoice created").

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 resources/public/output.css                        | 4 ++--
 src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj | 2 +-
 src/clj/auto_ap/ssr/invoices.clj                   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/public/output.css b/resources/public/output.css
index de06df74..2a5b7a55 100644
--- a/resources/public/output.css
+++ b/resources/public/output.css
@@ -1601,8 +1601,8 @@ input:checked + .toggle-bg {
   width: 30em;
 }
 
-.w-\[50em\] {
-  width: 50em;
+.w-\[34em\] {
+  width: 34em;
 }
 
 .w-\[5em\] {
diff --git a/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj b/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj
index d7b586f4..9529abac 100644
--- a/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj
+++ b/src/clj/auto_ap/ssr/invoice/new_invoice_wizard.clj
@@ -675,7 +675,7 @@
    (com/modal {}
               (com/modal-card-advanced
                {:class "transition duration-300 ease-in-out scale-100 translate-x-0 opacity-100"}
-               (com/modal-header {} [:div.p-2 "Invoice accounts "])
+               (com/modal-header {} [:div.p-2 "Invoice created"])
                (com/modal-body
                 {}
                 [:p.text-lg "Would you like to pay this invoice now?"]
diff --git a/src/clj/auto_ap/ssr/invoices.clj b/src/clj/auto_ap/ssr/invoices.clj
index 07c67389..4b50efec 100644
--- a/src/clj/auto_ap/ssr/invoices.clj
+++ b/src/clj/auto_ap/ssr/invoices.clj
@@ -1109,7 +1109,7 @@
 
 (defn- pay-modal-card [{:keys [head body footer]}]
   (com/modal-card-advanced
-   {:class "w-[50em]"}
+   {:class "w-[34em]"}
    (com/modal-header {} head)
    (com/modal-body {} body)
    (when footer (com/modal-footer {} footer))))