fix float buttons

src/ui/static/css/dashboard.css

@@ -827,6 +827,14 @@ h6 {
   top: 60px;
 }
 
+.right-12 {
+  right: 3rem;
+}
+
+.right-16 {
+  right: 4rem;
+}
+
 .z-100 {
   z-index: 100;
 }
@@ -1494,11 +1502,6 @@ h6 {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.translate-y-12 {
-  --tw-translate-y: 3rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .rotate-12 {
   --tw-rotate: 12deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3090,6 +3093,34 @@ h6 {
     right: 1rem;
   }
 
+  .sm\:right-16 {
+    right: 4rem;
+  }
+
+  .sm\:right-28 {
+    right: 7rem;
+  }
+
+  .sm\:right-34 {
+    right: 8.5rem;
+  }
+
+  .sm\:right-36 {
+    right: 9rem;
+  }
+
+  .sm\:right-24 {
+    right: 6rem;
+  }
+
+  .sm\:right-40 {
+    right: 10rem;
+  }
+
+  .sm\:right-6 {
+    right: 1.5rem;
+  }
+
   .sm\:col-span-6 {
     grid-column: span 6 / span 6;
   }
@@ -3424,6 +3455,18 @@ h6 {
     right: 1rem;
   }
 
+  .xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .xl\:right-24 {
+    right: 6rem;
+  }
+
+  .xl\:right-6 {
+    right: 1.5rem;
+  }
+
   .xl\:mx-4 {
     margin-left: 1rem;
     margin-right: 1rem;

src/ui/templates/flashs.html

@@ -3,7 +3,7 @@
 <button
   type="button"
   flash-sidebar-open
-  class="transition scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-2 sm:top-3 right-19 sm:right-20 xl:right-20 z-990 rounded-circle text-slate-700"
+  class="transition scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-2 sm:top-3 right-19 sm:right-24 xl:right-24 z-990 rounded-circle text-slate-700"
 >
   <svg
     class="fill-yellow-500 -translate-y-0.4 h-6 w-6"

src/ui/templates/menu.html

@@ -5,7 +5,7 @@
 <button
   type="button"
   sidebar-menu-toggle
-  class="scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 xl:hidden fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-2 sm:top-3 right-5 sm:right-4 z-990 rounded-circle text-slate-700"
+  class="scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 xl:hidden fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-2 sm:top-3 right-5 sm:right-6 z-990 rounded-circle text-slate-700"
 >
   <svg
     fill="#0D6EFD"

src/ui/templates/news.html

@@ -2,7 +2,7 @@
 <button
   type="button"
   sidebar-info-open
-  class="scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-16 sm:top-3 right-5 sm:right-4 sm:right-20 xl:right-4 z-990 rounded-circle text-slate-700"
+  class="scale-90 sm:scale-100 dark:brightness-95 dark:hover:brightness-105 hover:brightness-75 fixed p-3 text-xl bg-white shadow-sm cursor-pointer top-16 sm:top-3 right-5 sm:right-40 xl:right-6 z-990 rounded-circle text-slate-700"
 >
   <svg
     class="fill-sky-500 h-6 w-6"