From 9c3c3573bce969d87d63b47aebf026dad5edad73 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 22 Sep 2025 11:56:24 +0100
Subject: [PATCH] Increase z-index for bottom controls to ensure proper
 layering and interaction

---
 dicom-viewer/src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dicom-viewer/src/App.tsx b/dicom-viewer/src/App.tsx
index a1b73c6..93fbcec 100644
--- a/dicom-viewer/src/App.tsx
+++ b/dicom-viewer/src/App.tsx
@@ -2501,7 +2501,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
             position: "absolute",
             right: 8,
             bottom: 8,
-            zIndex: 10,
+            zIndex: 110, // above the bottom study selector (zIndex:20)
             pointerEvents: "auto", // <-- ensure pointer events are enabled
           }}
         >
@@ -2550,7 +2550,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                   padding: "6px 0 6px 0",
                   display: "flex",
                   flexDirection: "column",
-                  zIndex: 11,
+                  zIndex: 111,
                   pointerEvents: "auto", // <-- ensure pointer events are enabled
                 }}
                 onClick={e => e.stopPropagation()} // <-- prevent bubbling to viewport