From ec18133a6d663c44dd7dc1955151776bedda1ede Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Tue, 11 Nov 2025 23:57:28 -0300
Subject: [PATCH] style: polish device controls ui

---
 .../admin/devices/admin-devices-overview.tsx  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/admin/devices/admin-devices-overview.tsx b/src/components/admin/devices/admin-devices-overview.tsx
index 167a918..e1effe4 100644
--- a/src/components/admin/devices/admin-devices-overview.tsx
+++ b/src/components/admin/devices/admin-devices-overview.tsx
@@ -3687,7 +3687,7 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
                       <Button
                         size="sm"
                         variant="outline"
-                        className="gap-2 border-dashed border-amber-300 text-amber-700 hover:border-amber-400 hover:text-amber-800"
+                        className="gap-2 border-dashed border-amber-300 text-amber-700 hover:border-amber-400 hover:bg-amber-100/60 hover:text-amber-900"
                         onClick={handleResetAgent}
                         disabled={isResettingAgent}
                       >
@@ -3870,10 +3870,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
                                   <Button
                                     variant="ghost"
                                     size="sm"
-                                    className="h-7 gap-2 border border-transparent px-2 text-slate-600 transition-colors hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
+                                    className="h-7 border border-transparent px-2 text-slate-600 transition-colors hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
                                     onClick={() => handleCopyRemoteIdentifier(entry.identifier)}
+                                    title="Copiar ID"
+                                    aria-label="Copiar ID"
                                   >
-                                    <ClipboardCopy className="size-3.5" /> Copiar ID
+                                    <ClipboardCopy className="size-3.5" />
                                   </Button>
                                 ) : null}
                               </div>
@@ -3888,10 +3890,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
                                       <Button
                                         variant="ghost"
                                         size="sm"
-                                        className="h-7 gap-1 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
+                                        className="h-7 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
                                         onClick={() => handleCopyRemoteCredential(entry.username, "Usuário do acesso remoto")}
+                                        title="Copiar usuário"
+                                        aria-label="Copiar usuário"
                                       >
-                                        <ClipboardCopy className="size-3.5" /> Copiar
+                                        <ClipboardCopy className="size-3.5" />
                                       </Button>
                                     </div>
                                   ) : null}
@@ -3913,10 +3917,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
                                       <Button
                                         variant="ghost"
                                         size="sm"
-                                        className="h-7 gap-1 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
+                                        className="h-7 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
                                         onClick={() => handleCopyRemoteCredential(entry.password, "Senha do acesso remoto")}
+                                        title="Copiar senha"
+                                        aria-label="Copiar senha"
                                       >
-                                        <ClipboardCopy className="size-3.5" /> Copiar
+                                        <ClipboardCopy className="size-3.5" />
                                       </Button>
                                     </div>
                                   ) : null}
@@ -3936,10 +3942,10 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
                                 <Button
                                   variant="outline"
                                   size="sm"
-                                  className="mt-1 inline-flex items-center gap-2 border-[#00d6eb]/60 bg-white text-slate-800 shadow-sm transition-colors hover:border-[#00d6eb] hover:bg-[#00e8ff]/10 hover:text-slate-900 focus-visible:border-[#00d6eb] focus-visible:ring-[#00e8ff]/30"
+                                  className="mt-1 inline-flex items-center gap-2 border-slate-300 bg-white text-slate-800 shadow-sm transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-900 focus-visible:border-slate-400 focus-visible:ring-slate-200"
                                   onClick={() => handleRustDeskConnect(entry)}
                                 >
-                                  <MonitorSmartphone className="size-4 text-[#009bb1]" /> Conectar via RustDesk
+                                  <MonitorSmartphone className="size-4 text-[#4b5563]" /> Conectar via RustDesk
                                 </Button>
                               ) : null}
                               {entry.notes ? (