From fbf8067f5161598fab412739740a01086f4ec382 Mon Sep 17 00:00:00 2001
From: jdx <216188+jdx@users.noreply.github.com>
Date: Fri, 24 Apr 2026 09:20:39 -0500
Subject: [PATCH] fix(docs): pin banner close button to top-right corner on
 mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

With flex-direction: column the banner is now taller on mobile, so the base rule's top: 50% / translateY(-50%) centering floats the × button in the middle of the stacked content instead of sitting flush in the corner.

Override with top: 0.25rem and transform: none inside the <=640px media query so the button pins to the top-right corner as intended.
---
 docs/.vitepress/theme/banner.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/.vitepress/theme/banner.css b/docs/.vitepress/theme/banner.css
index 05a97cafd..f6ea7ca80 100644
--- a/docs/.vitepress/theme/banner.css
+++ b/docs/.vitepress/theme/banner.css
@@ -47,6 +47,8 @@
     text-wrap: balance;
   }
   .jdx-banner button {
+    top: 0.25rem;
     right: 0.25rem;
+    transform: none;
   }
 }