From c8680ff91f12539593bf60033423c698667d0171 Mon Sep 17 00:00:00 2001
From: Levi Gomes <levigft@gmail.com>
Date: Fri, 10 Jul 2026 00:43:44 -0300
Subject: [PATCH 1/2] refactor(ui): use bordered variants for text action
 buttons

Ghost buttons with text labels (Delete User, Deactivate/Activate,
Make/Remove Admin, Clear Location) looked like plain text instead of
actionable buttons. Add an outline-destructive Button variant and
switch these actions to outline/outline-destructive so they render
with a visible border, removing the ad-hoc red className overrides.
---
 src/components/pages/ProjectDetailPage.tsx | 3 +--
 src/components/pages/UserDetailPage.tsx    | 8 ++++----
 src/components/ui/button.tsx               | 1 +
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/ProjectDetailPage.tsx b/src/components/pages/ProjectDetailPage.tsx
index 1222377..7430f4a 100644
--- a/src/components/pages/ProjectDetailPage.tsx
+++ b/src/components/pages/ProjectDetailPage.tsx
@@ -256,10 +256,9 @@ function LocationSection({
         </Button>
         {(location || manualLat || manualLng) && (
           <Button
-            variant="ghost"
+            variant="outline-destructive"
             size="sm"
             onClick={handleClearLocation}
-            className="text-red-600 dark:text-red-400"
           >
             Clear Location
           </Button>
diff --git a/src/components/pages/UserDetailPage.tsx b/src/components/pages/UserDetailPage.tsx
index 4e3a1a0..8b691a9 100644
--- a/src/components/pages/UserDetailPage.tsx
+++ b/src/components/pages/UserDetailPage.tsx
@@ -63,9 +63,9 @@ function UserInfoCard({
           </p>
         </div>
         <Button
-          variant="ghost"
+          variant="outline-destructive"
           size="sm"
-          className="text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/30 shrink-0"
+          className="shrink-0"
           onClick={onDelete}
         >
           <Trash2 className="h-4 w-4 mr-1.5" />
@@ -78,7 +78,7 @@ function UserInfoCard({
           <Badge variant={user.is_active ? "active" : "inactive"}>
             {user.is_active ? "Active" : "Inactive"}
           </Badge>
-          <Button variant="ghost" size="sm" onClick={onToggleActive}>
+          <Button variant="outline" size="sm" onClick={onToggleActive}>
             {user.is_active ? "Deactivate" : "Activate"}
           </Button>
         </div>
@@ -94,7 +94,7 @@ function UserInfoCard({
           ) : (
             <Badge variant="default">No</Badge>
           )}
-          <Button variant="ghost" size="sm" onClick={onToggleAdmin}>
+          <Button variant="outline" size="sm" onClick={onToggleAdmin}>
             {user.is_platform_admin ? "Remove Admin" : "Make Admin"}
           </Button>
         </div>
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 05db218..0b550af 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -12,6 +12,7 @@ const buttonVariants = cva(
         secondary: "bg-areia/20 text-verde hover:bg-areia/30",
         destructive: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-700 dark:hover:bg-red-600",
         outline: "border border-areia bg-surface text-preto hover:bg-branco",
+        "outline-destructive": "border border-red-200 bg-surface text-red-600 hover:bg-red-50 hover:text-red-700 dark:border-red-800/40 dark:text-red-400 dark:hover:bg-red-950/30",
         ghost: "text-verde hover:bg-areia/10",
         link: "text-telha underline-offset-4 hover:underline",
       },

From f3b2c2f21bc65528f45e1346d845eea5a2852ab3 Mon Sep 17 00:00:00 2001
From: Levi Gomes <levigft@gmail.com>
Date: Wed, 15 Jul 2026 17:00:50 -0300
Subject: [PATCH 2/2] chore(ci): empty commit to re-trigger CI checks

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>