From e15ba94a2fe3c364e2b4250c3a14c4747ffa6cb1 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Wed, 1 Oct 2025 19:58:59 -0400
Subject: [PATCH] fix: Replace UContainer with div and apply width constraints
 directly in admin page

---
 pages/admin.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/admin.vue b/pages/admin.vue
index 8f28cf6..d88acaf 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -25,7 +25,7 @@
       </div>
     </header>
 
-    <UContainer class="py-8 max-w-xl">
+    <div class="py-8 max-w-xl mx-auto px-4 sm:px-6 lg:px-8">
       <UCard>
         <template #header>
           <h2 class="text-xl font-semibold">Sermon Details</h2>
@@ -154,7 +154,7 @@
       <div v-if="successMessage" class="mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
         <p class="text-green-800">{{ successMessage }}</p>
       </div>
-    </UContainer>
+    </div>
   </div>
 </template>