feat: another batch of fixes

app/templates/cotton/components/fab_menu_button.html

@@ -2,5 +2,5 @@
       hx-trigger="{{ hx_trigger }}"
       hx-target="{{ hx_target }}"
       hx-vals='{{ hx_vals }}'>
-      {{ title }}
+      <span class="bg-neutral/60 text-neutral-content rounded-box p-2">{{ title }}</span>
       <button class="btn btn-lg btn-circle btn-{{color}}"><i class="{{ icon }} fa-fw"></i></button></div>

app/templates/cotton/components/sidebar_menu_header.html

@@ -1,6 +1,6 @@
 <li>
-  <div class="flex items-center">
+  <div class="flex items-center min-h-[1.25rem]">
     <span class="sidebar-menu-header text-base-content/60 text-sm font-bold uppercase mr-3">{{ title }}</span>
-    <hr class="hr flex-grow"/>
+    <hr class="hr grow"/>
   </div>
 </li>

app/templates/cotton/components/sidebar_menu_item.html

@@ -9,6 +9,6 @@
       {% endif %}>
     <i class="{{ icon }} fa-fw"></i>
     <span
-        class="ms-3 font-medium lg:group-hover:truncate lg:group-focus:truncate lg:group-hover:text-ellipsis lg:group-focus:text-ellipsis">{{ title }}</span>
+        class="ms-3 font-medium">{{ title }}</span>
   </a>
 </li>

app/templates/cotton/components/sidebar_menu_url_item.html

@@ -11,6 +11,6 @@
 
     <i class="{{ icon }} fa-fw"></i>
     <span
-        class="ms-3 font-medium lg:group-hover:truncate lg:group-focus:truncate lg:group-hover:text-ellipsis lg:group-focus:text-ellipsis">{{ title }}</span>
+        class="ms-3 font-medium">{{ title }}</span>
   </a>
 </li>