css fixes for gptPopup + close button

1 files changed, 8 insertions, 5 deletions

diff --git a/src/client/views/OverlayView.scss b/src/client/views/OverlayView.scss
index 33a297fd4..f4998efa1 100644
--- a/src/client/views/OverlayView.scss
+++ b/src/client/views/OverlayView.scss
@@ -4,7 +4,7 @@
     top: 0;
     width: 100vw;
     height: 100vh;
-    z-index: 1001; // shouold be greater than LightboxView's z-index so that link lines and the presentation mini player appear
+    z-index: 2002; // shouold be greater than LightboxView's z-index so that link lines and the presentation mini player appear
     /* background-color: pink; */
     user-select: none;
 }
@@ -26,27 +26,30 @@
 }
 
 .overlayWindow-titleBar {
-    flex: 0 1 30px;
+    flex: 0 1 20px;
     background: darkslategray;
     color: whitesmoke;
     text-align: center;
     cursor: move;
+    z-index: 1;
 }
 
 .overlayWindow-content {
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
+    z-index: 0;
 }
 
 .overlayWindow-closeButton {
     float: right;
-    height: 30px;
-    width: 30px;
+    height: 20px;
+    width: 20px;
+    padding: 0;
+    background-color: inherit;
 }
 
 .overlayWindow-resizeDragger {
-    background-color: rgb(0, 0, 0);
     position: absolute;
     right: 0px;
     bottom: 0px;