fix: improve tooltip

Author: D3SOX

src/ui.css

@@ -120,7 +120,6 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 18px;
-  overflow: hidden;
   transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
   max-height: 800px;
   opacity: 1;
@@ -391,10 +390,12 @@
   left: 50%;
   transform: translateX(-50%);
   bottom: calc(100% + 6px);
-  white-space: nowrap;
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
   text-align: left;
-  padding: 8px 10px;
-  border-radius: 4px;
+  padding: 10px 12px;
+  border-radius: 6px;
   font-size: 12px;
   background: #121212;
   border: 1px solid rgba(255, 255, 255, 0.08);
@@ -404,6 +405,8 @@
   opacity: 0;
   transition: opacity 0.12s ease-in-out;
   z-index: 9999;
+  min-width: 200px;
+  max-width: 400px;
 }
 .qs-icon:hover > .qs-tooltip {
   opacity: 1;