From 729bfd55802e938f23ff0b5187a614b223d6dd54 Mon Sep 17 00:00:00 2001
From: Connor Abbas <abbasconnor@gmail.com>
Date: Sun, 28 Sep 2025 01:55:29 +0000
Subject: [PATCH] fixes: styling adjustments, cleanup

---
 src/assets/css/tailwind.css        |  2 +-
 src/components/DeleteUserModal.vue |  1 -
 src/layouts/app/HeaderLayout.vue   | 42 ++++++++++++++----------------
 src/layouts/app/SidebarLayout.vue  |  2 +-
 src/views/settings/Password.vue    |  1 -
 5 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 2bbac9b..3267348 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -10,7 +10,7 @@
 
 @theme {
     --font-sans: Inter, sans-serif;
-    --header-height: 4rem;
+    --header-height: 4.5rem;
 }
 
 @utility dynamic-bg {
diff --git a/src/components/DeleteUserModal.vue b/src/components/DeleteUserModal.vue
index b17fbc9..e377953 100644
--- a/src/components/DeleteUserModal.vue
+++ b/src/components/DeleteUserModal.vue
@@ -35,7 +35,6 @@ const deleteAccount = () => {
             })
         },
         onError: () => {
-            console.error('error')
             if (passwordInput.value && passwordInput.value?.$el) {
                 const passwordInputElement = passwordInput.value.$el.querySelector('input')
                 passwordInputElement?.focus()
diff --git a/src/layouts/app/HeaderLayout.vue b/src/layouts/app/HeaderLayout.vue
index 9870aa9..3cf0ed3 100644
--- a/src/layouts/app/HeaderLayout.vue
+++ b/src/layouts/app/HeaderLayout.vue
@@ -71,32 +71,28 @@ const {
                         </template>
                         <template #end>
                             <!-- User Dropdown Menu -->
-                            <div class="hidden lg:flex items-center ms-6 space-x-3">
-                                <div class="flex flex-col">
-                                    <PopupMenuButton
-                                        name="desktop-user-menu-dd"
-                                        button-variant="text"
-                                        fixed-position="right"
-                                        :menu-items="userMenuItems"
-                                        :button-label="userName"
-                                    />
-                                </div>
+                            <div class="hidden lg:flex">
+                                <PopupMenuButton
+                                    name="desktop-user-menu-dd"
+                                    button-variant="text"
+                                    fixed-position="right"
+                                    :menu-items="userMenuItems"
+                                    :button-label="userName"
+                                />
                             </div>
 
                             <!-- Mobile Menu Toggle -->
-                            <div class="flex items-center lg:hidden">
-                                <div class="relative">
-                                    <Button
-                                        severity="secondary"
-                                        class="p-1!"
-                                        text
-                                        @click="mobileMenuOpen = true"
-                                    >
-                                        <template #icon>
-                                            <MenuIcon class="size-6!" />
-                                        </template>
-                                    </Button>
-                                </div>
+                            <div class="flex lg:hidden">
+                                <Button
+                                    severity="secondary"
+                                    class="p-1!"
+                                    text
+                                    @click="mobileMenuOpen = true"
+                                >
+                                    <template #icon>
+                                        <MenuIcon class="size-6!" />
+                                    </template>
+                                </Button>
                             </div>
                         </template>
                     </MenuBar>
diff --git a/src/layouts/app/SidebarLayout.vue b/src/layouts/app/SidebarLayout.vue
index 48d401f..ce75b63 100644
--- a/src/layouts/app/SidebarLayout.vue
+++ b/src/layouts/app/SidebarLayout.vue
@@ -57,7 +57,7 @@ const {
         <header class="block lg:fixed top-0 left-0 right-0 z-50">
             <nav class="dynamic-bg shadow-sm flex justify-between items-center lg:hidden">
                 <Container class="grow">
-                    <div class="flex justify-between items-center py-4">
+                    <div class="flex justify-between items-center gap-4 py-4">
                         <div>
                             <NavLogoLink />
                         </div>
diff --git a/src/views/settings/Password.vue b/src/views/settings/Password.vue
index 4050f68..46a3471 100644
--- a/src/views/settings/Password.vue
+++ b/src/views/settings/Password.vue
@@ -8,7 +8,6 @@ import AppLayout from '@/layouts/AppLayout.vue'
 import SettingsLayout from '@/layouts/UserSettingsLayout.vue'
 import InputErrors from '@/components/InputErrors.vue'
 
-
 const breadcrumbs = [
     { label: 'Dashboard', route: { name: 'dashboard' } },
     { label: 'Password settings' },