From fcec5b92dc44aaf76110647ceb3a6e2c5665aa52 Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Tue, 24 Feb 2026 17:14:25 -0500
Subject: [PATCH] keep header visible above settings panel with z-index
 layering

---
 public/src/uncloseai-modal-builtin.css | 4 ++++
 public/src/uncloseai-modal-pico.css    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/public/src/uncloseai-modal-builtin.css b/public/src/uncloseai-modal-builtin.css
index c4904f0..2e07f58 100644
--- a/public/src/uncloseai-modal-builtin.css
+++ b/public/src/uncloseai-modal-builtin.css
@@ -70,6 +70,8 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
   grid-template-columns: 1fr auto;
   align-items: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 20;
 }
 
 /* Settings button */
@@ -987,6 +989,8 @@ dialog#translate-modal button {
   grid-template-columns: 1fr auto;
   align-items: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 20;
 }
 
 .uncloseai-modal-title {
diff --git a/public/src/uncloseai-modal-pico.css b/public/src/uncloseai-modal-pico.css
index 5d21f1f..28eaece 100644
--- a/public/src/uncloseai-modal-pico.css
+++ b/public/src/uncloseai-modal-pico.css
@@ -92,6 +92,8 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
   grid-template-columns: 1fr auto;
   align-items: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 20;
 }
 
 /* Settings button */
@@ -1057,6 +1059,8 @@ dialog#translate-modal button {
   grid-template-columns: 1fr auto !important;
   align-items: center !important;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
+  position: relative !important;
+  z-index: 20 !important;
 }
 
 .uncloseai-modal-title {