From fd557fe55959616ab8b822a590dcc2e3edf29617 Mon Sep 17 00:00:00 2001
From: Paulo Castellano <paulo@castellanos.llc>
Date: Sat, 18 Jul 2026 08:59:55 -0300
Subject: [PATCH] fix(ui): align the mobile sidebar trigger with the header
 buttons

Move the floating hamburger from left-2/top-2 to left-4/top-3 so it lines up
with the header's content padding (and the calendar's nav buttons); bump the
non-header page top reserve to pt-14 to clear the taller trigger.
---
 resources/js/layouts/app/AppSidebarLayout.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/layouts/app/AppSidebarLayout.vue b/resources/js/layouts/app/AppSidebarLayout.vue
index 201b49d9..f0ac4b82 100644
--- a/resources/js/layouts/app/AppSidebarLayout.vue
+++ b/resources/js/layouts/app/AppSidebarLayout.vue
@@ -52,7 +52,7 @@ onBeforeUnmount(() => {
             </AppHeader>
             <SidebarTrigger
                 v-else
-                class="absolute left-2 top-2 z-30 size-10 rounded-md border-2 border-foreground bg-card text-foreground shadow-2xs md:hidden"
+                class="absolute left-4 top-3 z-30 size-10 rounded-md border-2 border-foreground bg-card text-foreground shadow-2xs md:hidden"
             />
             <div
                 :class="
@@ -67,7 +67,7 @@ onBeforeUnmount(() => {
                             ? 'flex min-h-0 flex-1 flex-col'
                             : 'mx-auto w-full max-w-7xl',
                         !fullWidth && !$slots['header'] && !$slots['header-actions']
-                            ? 'pt-12 md:pt-0'
+                            ? 'pt-14 md:pt-0'
                             : '',
                     ]"
                 >