From 695e1c070698e551893e0af2b1ee19ec12962494 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Fri, 5 Dec 2025 19:21:37 +0000
Subject: [PATCH] Update button styles in appointment detail page for improved
 accessibility

- Modified the button styles in the admin appointment detail page to enhance visual clarity and responsiveness, ensuring a consistent user experience across different themes and screen sizes.
- Adjusted icon visibility for better layout on smaller screens, improving usability for all users.
---
 app/(admin)/admin/booking/[id]/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(admin)/admin/booking/[id]/page.tsx b/app/(admin)/admin/booking/[id]/page.tsx
index 1a03d0f..1c6d4a8 100644
--- a/app/(admin)/admin/booking/[id]/page.tsx
+++ b/app/(admin)/admin/booking/[id]/page.tsx
@@ -457,10 +457,10 @@ export default function AppointmentDetailPage() {
                           }
                           setRescheduleDialogOpen(true);
                         }}
-                        className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors ${isDark ? "hover:bg-gray-700 text-gray-300 hover:text-white" : "hover:bg-gray-100 text-gray-600 hover:text-gray-900"}`}
+                        className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors text-blue-600 hover:text-blue-700 ${isDark ? "hover:bg-blue-900/20" : "hover:bg-blue-50"}`}
                         title="Reschedule Appointment"
                       >
-                        <Pencil className="w-4 h-4 shrink-0" />
+                        <Pencil className="w-4 h-4 shrink-0 sm:hidden" />
                         <span className="hidden sm:inline text-sm font-medium">Reschedule</span>
                       </button>
                     )}
-- 
2.39.5