From cc104e7e353c7e6d77a2651db7bfe806d081fe48 Mon Sep 17 00:00:00 2001
From: Barely Removable <user@users-MacBook-Air.local>
Date: Sat, 22 Aug 2026 09:49:53 -0700
Subject: [PATCH] Pin modal close button top-right when the card name wraps

---
 static/style.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 7eb9fab..cec8c7f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -319,7 +319,16 @@ textarea { resize: vertical; min-height: 64px; }
   box-shadow: var(--shadow-lg);
   padding: 24px 26px 26px;
 }
-.modal .panel-head { margin-bottom: 14px; }
+/* The modal's heading is a card name and can run long. The shared
+   .panel-head wraps (which is right on the main panels, where a short title
+   sits beside a hint), but here wrapping drops the close button onto its own
+   line under the title. Pin it: title takes the slack, × stays top-right. */
+.modal .panel-head {
+  flex-wrap: nowrap; align-items: flex-start; gap: 16px;
+  margin-bottom: 14px;
+}
+.modal .panel-head h2 { flex: 1; min-width: 0; }
+.modal .close { flex: none; margin-top: 1px; }
 .close {
   background: none; border: none; cursor: pointer; font-size: 24px;
   color: var(--muted); line-height: 1; padding: 0 4px; border-radius: 6px;