From a689bee58bb704dbd64fbf67301c0a5eb7135fe6 Mon Sep 17 00:00:00 2001
From: Joshua Ryder <ryderjj89@outlook.com>
Date: Wed, 5 Nov 2025 18:02:56 -0500
Subject: [PATCH] fix: Align status badges in user management table
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changes:
- Add items-start to status column flex container
- Ensures status badges (Active, Locked, Failed attempts) align to the left
- Consistent with Role badge alignment above
- Improves visual consistency in the table layout

Before: Status badges were centered/stretched in the column
After: Status badges are left-aligned like other badges

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 pages/users.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/users.vue b/pages/users.vue
index eb8deee..a05b46c 100644
--- a/pages/users.vue
+++ b/pages/users.vue
@@ -85,7 +85,7 @@
                   </span>
                 </td>
                 <td class="px-6 py-4 whitespace-nowrap">
-                  <div class="flex flex-col gap-1">
+                  <div class="flex flex-col gap-1 items-start">
                     <span
                       v-if="isAccountLocked(user)"
                       class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800"