description fix

web/css/breadcrumbs.css

@@ -77,6 +77,7 @@ label {
 .canvas-container {
     width: 100%;
     height: 175px;
+    overflow: hidden;
 }
 
 #data-ant {
@@ -127,15 +128,14 @@ table .form-group {
 .hidden-panel {
     display: none; 
     position: absolute;
-    left: 0;
-    top: 100%;
+    left: 50%;
+    transform:translateX(-50%);
     width: 100%;
     max-width: 1160px;
     background: var(--color-1-transparent);
-    color: white;
+    backdrop-filter: blur(5px);
     text-align: left;
     padding: 20px;
-    backdrop-filter: blur(5px);
     z-index: 10;
     border-radius: 0 0 15px 15px;
 }

web/css/panels.css

@@ -101,5 +101,6 @@
     }
     #dashboard-panel-description {
         backdrop-filter: blur(25px) !important;
+        width: 90%;
     }
 }

web/index.ejs

@@ -67,6 +67,8 @@
                 <% } %>
                 <button id="settings" aria-label="Settings" class="hide-phone"><i class="fa-solid fa-gear"></i></button>
             </div>
+        </div>
+    </div>
     <div id="dashboard-panel-description" class="hidden-panel">
                 
         <div class="flex-container">
@@ -142,8 +144,6 @@
 
         </div>
     </div>
-        </div>
-    </div>
     <div class="wrapper-outer" style="z-index: 100;">
         <div id="wrapper">
                 <div class="canvas-container hide-phone">

web/js/main.js

@@ -1103,7 +1103,7 @@ function toggleLock(buttonSelector, activeMessage, inactiveMessage, activeLabel,
 }
 
 function showTunerDescription() {
-    let parentDiv = $("#dashboard-panel-description").parent();
+    let parentDiv = $("#tuner-name").parent();
     
     if (!$("#dashboard-panel-description").is(":visible")) {
         parentDiv.css("border-radius", "15px 15px 0 0");