feat: style experiments

components/nav/NavSideItem.vue

@@ -58,11 +58,11 @@ const noUserVisual = computed(() => isMastoInitialised.value && props.userOnly &
     <CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
       <div
         flex items-center gap4
-        w-fit rounded-full
+        w-fit rounded-3
         px2 py2 mx3 sm:mxa
-        xl="mx0 px5"
+        xl="ml0 mr5 px5 w-auto"
         transition-100
-        group-hover:bg-active group-focus-visible:ring="2 current"
+        group-hover="bg-active" group-focus-visible:ring="2 current"
       >
         <slot name="icon">
           <div :class="icon" text-xl />

components/nav/NavTitle.vue

@@ -8,11 +8,9 @@ const { env } = buildInfo
   <!-- Use external to force refresh page and jump to top of timeline -->
   <NuxtLink
     flex items-end gap-2
-    w-fit
     py2 px-2 xl:px-3
-    text-2xl hover:bg-active
+    text-2xl
     focus-visible:ring="2 current"
-    rounded-full
     to="/"
     external
   >