fix popover content

src/ui/static/css/dashboard.css

@@ -823,6 +823,10 @@ h6 {
   top: 4rem;
 }
 
+.top-\[60px\] {
+  top: 60px;
+}
+
 .z-100 {
   z-index: 100;
 }

src/ui/templates/news.html

@@ -100,7 +100,7 @@
           />
           <svg
             checkbox-handler="newsletter-check"
-            class="-z-10 cursor-pointer absolute fill-white dark:fill-gray-300 left-0 top-0 translate-x-1 translate-y-2 h-3 w-3"
+            class="pointer-events-none cursor-pointer absolute fill-white dark:fill-gray-300 left-0 top-0 translate-x-1 translate-y-2 h-3 w-3"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 512 512"
           >

src/ui/templates/settings_tabs.html

@@ -50,7 +50,7 @@
         <!-- popover -->
         <div
           popover-content="general"
-          class="hidden transition z-50 rounded-md p-3 left-0 absolute translate-y-12 bg-blue-500"
+          class="top-[60px] hidden transition z-50 rounded-md p-3 left-0 absolute bg-blue-500"
         >
           <p class="font-bold text-sm text-white m-0">
             General config : HTTP, DNS, LOG, API...
@@ -87,7 +87,7 @@
       <!-- popover -->
       <div
         popover-content="{{ plugin["name"] }}"
-        class="min-w-[150px] dark:brightness-90 bg-blue-500 hidden transition z-50 rounded-md p-3 left-0 absolute translate-y-12 "
+        class="top-[60px] min-w-[150px] dark:brightness-90 bg-blue-500 hidden transition z-50 rounded-md p-3 left-0 absolute"
       >
         <p class="font-bold text-sm text-white m-0">{{ plugin['description'] }}</p>
       </div>