From 7a481f50046b04184f16852800a39c2ac879a69a Mon Sep 17 00:00:00 2001
From: Joshua Ryder <ryderjj89@outlook.com>
Date: Sun, 12 Oct 2025 00:39:14 -0400
Subject: [PATCH] layout fixes

---
 pages/index.vue | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 7595633..cb168a4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -9,12 +9,20 @@
             <img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
             <ClientOnly fallback-tag="div">
               <template v-if="isAuthenticated">
-                <button
-                  @click="handleLogout"
-                  class="px-4 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100"
-                >
-                  Log Out
-                </button>
+                <div class="flex items-center gap-2">
+                  <NuxtLink 
+                    to="/profile" 
+                    class="px-3 py-2 text-sm font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100 whitespace-nowrap"
+                  >
+                    Edit Profile
+                  </NuxtLink>
+                  <button
+                    @click="handleLogout"
+                    class="px-3 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100 whitespace-nowrap"
+                  >
+                    Log Out
+                  </button>
+                </div>
               </template>
               <NuxtLink 
                 v-else
@@ -26,27 +34,19 @@
             </ClientOnly>
           </div>
           <ClientOnly fallback-tag="div">
-            <div v-if="isAuthenticated" class="flex items-center justify-center gap-2">
+            <div v-if="isAuthenticated && isAdmin" class="flex items-center justify-center gap-2">
               <NuxtLink 
-                v-if="isAdmin"
                 to="/admin" 
                 class="px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 font-medium text-xs whitespace-nowrap"
               >
                 Manage Sermons
               </NuxtLink>
               <NuxtLink 
-                v-if="isAdmin"
                 to="/users" 
                 class="px-3 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 font-medium text-xs whitespace-nowrap"
               >
                 Manage Users
               </NuxtLink>
-              <NuxtLink 
-                to="/profile" 
-                class="px-3 py-2 text-xs font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100 whitespace-nowrap"
-              >
-                Edit Profile
-              </NuxtLink>
             </div>
           </ClientOnly>
         </div>