From bdb4422cbc19d4b69d72120ba8296d3771f6746e Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Wed, 17 Dec 2025 10:34:04 +0800
Subject: [PATCH] feat(ui): adjust modal header width and enhance close button
 z-index, fixes #729

- Decrease modal header width from 85% to 84% for better visual alignment
- Add z-index: 10 to close button to ensure it remains above other modal elements
---
 static/css/components/lora-modal/lora-modal.css | 2 +-
 static/css/components/modal/_base.css           | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/css/components/lora-modal/lora-modal.css b/static/css/components/lora-modal/lora-modal.css
index cdfe5aaf..71667045 100644
--- a/static/css/components/lora-modal/lora-modal.css
+++ b/static/css/components/lora-modal/lora-modal.css
@@ -20,7 +20,7 @@
 }
 
 .modal-header-row {
-    width: 85%;
+    width: 84%;
     display: flex;
     align-items: flex-start;
     gap: var(--space-2);
diff --git a/static/css/components/modal/_base.css b/static/css/components/modal/_base.css
index c869e493..eeadb450 100644
--- a/static/css/components/modal/_base.css
+++ b/static/css/components/modal/_base.css
@@ -122,6 +122,7 @@ body.modal-open {
     cursor: pointer;
     opacity: 0.7;
     transition: opacity 0.2s;
+    z-index: 10;
 }
 
 .close:hover {