From 7401ee366d5ce779db214b5e76ee4e14c532423f Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Wed, 19 Nov 2025 11:34:47 -0300
Subject: [PATCH] Adjust admin devices card layout

---
 .../admin/devices/admin-devices-overview.tsx           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/admin/devices/admin-devices-overview.tsx b/src/components/admin/devices/admin-devices-overview.tsx
index 4a72ead..ff04cb5 100644
--- a/src/components/admin/devices/admin-devices-overview.tsx
+++ b/src/components/admin/devices/admin-devices-overview.tsx
@@ -5766,10 +5766,10 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
               ) : null}
             </div>
             {collaborator?.email ? (
-              <div className="flex flex-wrap items-center gap-2 text-xs text-slate-600">
-                <div className="flex flex-col rounded-lg border border-slate-200 bg-slate-50 px-3 py-1">
+              <div className="mt-3 flex flex-col gap-2 text-xs text-slate-600">
+                <div className="flex flex-col rounded-lg border border-slate-200 bg-slate-50 px-3 py-1.5">
                   <span className="text-[11px] uppercase text-slate-400">Usuário vinculado</span>
-                  <span className="text-sm font-medium text-slate-800 line-clamp-1" title={collaborator.name ?? collaborator.email}>
+                  <span className="line-clamp-1 text-sm font-medium text-slate-800" title={collaborator.name ?? collaborator.email}>
                     {collaborator.name ?? "Usuário"}
                   </span>
                   <span className="text-[11px] text-slate-500 line-clamp-1" title={collaborator.email}>
@@ -5778,7 +5778,7 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
                 </div>
                 <button
                   type="button"
-                  className="text-[11px] font-semibold text-slate-500 underline underline-offset-4 hover:text-slate-800"
+                  className="self-start text-[11px] font-semibold text-slate-500 underline underline-offset-4 hover:text-slate-800"
                   onClick={(event) => {
                     event.preventDefault()
                     event.stopPropagation()
@@ -5841,7 +5841,7 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
               {Array.isArray(device.inventory?.disks) ? `${device.inventory?.disks?.length ?? 0} discos` : "—"}
             </span>
             <span>
-              {lastHeartbeat ? formatRelativeTime(lastHeartbeat) : "sem heartbeat"}
+              {lastHeartbeat ? formatRelativeTime(lastHeartbeat) : "Sem heartbeat"}
             </span>
           </div>
         </CardContent>