fix: updated little ui

1 files changed, 14 insertions, 3 deletions

diff --git a/static/js/main.js b/static/js/main.js
index d67493c..1617be2 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1010,6 +1010,7 @@ function ensureModalStyles() {
             transform: translateY(-20px);
             transition: transform 0.3s ease;
             animation: modalFadeIn 0.3s forwards;
+            position: relative; /* Add positioning context */
         }
         
         .modal.show .modal-content {
@@ -1022,19 +1023,23 @@ function ensureModalStyles() {
         }
         
         .close-button {
+            position: absolute;
+            top: 10px;
+            right: 15px;
             color: #aaa;
-            float: right;
             font-size: 28px;
             font-weight: bold;
-            margin-top: -10px;
             cursor: pointer;
             transition: color 0.3s ease;
+            line-height: 20px;
+            margin: 0;
+            padding: 0;
+            z-index: 10;
         }
         
         .close-button:hover {
             color: #FDCFF3;
             text-decoration: none;
-            cursor: pointer;
         }
         
         .chart-modal-content {
@@ -1047,6 +1052,12 @@ function ensureModalStyles() {
             height: 400px;
             margin: 20px 0;
         }
+        
+        /* Add more space at the top of modal content for close button */
+        .chart-modal-content h3 {
+            margin-top: 10px;
+            padding-right: 30px; /* Make room for the close button */
+        }
     `;
     
     // Add the styles to the page