From 1494bae70337e4d44b8fc35d60a0196271272924 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Tue, 31 Mar 2026 23:43:45 +0530
Subject: [PATCH] style: update user status toggle button styling and labels
 for improved visibility and clarity

---
 src/app/dashboard/users/[id]/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/dashboard/users/[id]/page.tsx b/src/app/dashboard/users/[id]/page.tsx
index b8936ac..512ed83 100644
--- a/src/app/dashboard/users/[id]/page.tsx
+++ b/src/app/dashboard/users/[id]/page.tsx
@@ -392,13 +392,13 @@ export default function UserDetailPage() {
               <button
                 onClick={handleToggleStatus}
                 disabled={isTogglingStatus}
-                className={`px-3 py-1 text-xs font-medium rounded-full transition-colors disabled:opacity-50 ${
+                className={`px-4 py-1.5 text-sm font-semibold rounded-lg transition-colors disabled:opacity-50 shadow-sm border ${
                   user.status === 'ACTIVE'
-                    ? 'bg-red-50 text-red-600 hover:bg-red-100'
-                    : 'bg-green-50 text-green-600 hover:bg-green-100'
+                    ? 'bg-red-600 text-white hover:bg-red-700 border-red-600'
+                    : 'bg-green-600 text-white hover:bg-green-700 border-green-600'
                 }`}
               >
-                {isTogglingStatus ? '...' : user.status === 'ACTIVE' ? 'Deactivate' : 'Activate'}
+                {isTogglingStatus ? 'Updating...' : user.status === 'ACTIVE' ? 'Deactivate User' : 'Activate User'}
               </button>
             </div>
           </div>