From a043b1203c2b49dd0b3cb80c54b7fca2fb281cd1 Mon Sep 17 00:00:00 2001
From: codex-bot <bot@local>
Date: Tue, 21 Oct 2025 15:58:53 -0300
Subject: [PATCH] =?UTF-8?q?Ajusta=20layout=20dos=20detalhes=20de=20atualiz?=
 =?UTF-8?q?a=C3=A7=C3=B5es=20do=20Windows?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../machines/admin-machines-overview.tsx      | 36 ++++++++++++++-----
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/components/admin/machines/admin-machines-overview.tsx b/src/components/admin/machines/admin-machines-overview.tsx
index 04d041d..3398dbd 100644
--- a/src/components/admin/machines/admin-machines-overview.tsx
+++ b/src/components/admin/machines/admin-machines-overview.tsx
@@ -87,7 +87,12 @@ type MachineAlertEntry = {
   createdAt: number
 }
 
-type DetailLineProps = { label: string; value?: string | number | null; classNameValue?: string }
+type DetailLineProps = {
+  label: string
+  value?: string | number | null
+  classNameValue?: string
+  layout?: "spread" | "compact"
+}
 
 type GpuAdapter = {
   name?: string
@@ -2472,13 +2477,13 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
                               ) : null}
                             </div>
                             <div className="grid gap-2">
-                              <DetailLine label="Modo" value={windowsUpdateMode ?? "—"} />
-                              <DetailLine label="Agendamento" value={windowsUpdateScheduleLabel ?? "—"} />
-                              <DetailLine label="Último sucesso" value={windowsUpdateLastSuccessLabel ?? "—"} />
+                              <DetailLine label="Modo" value={windowsUpdateMode ?? "—"} layout="compact" />
+                              <DetailLine label="Agendamento" value={windowsUpdateScheduleLabel ?? "—"} layout="compact" />
+                              <DetailLine label="Último sucesso" value={windowsUpdateLastSuccessLabel ?? "—"} layout="compact" />
                             </div>
                           </div>
                           {windowsHotfixes.length > 0 ? (
-                            <div className="w-full rounded-md border border-slate-200 bg-slate-50/80 p-3 lg:ml-auto lg:w-72 lg:flex-shrink-0 lg:self-stretch">
+                            <div className="w-full rounded-md border border-slate-200 bg-slate-50/80 p-3 lg:ml-auto lg:w-[320px] lg:basis-[320px] lg:flex-shrink-0 lg:self-stretch">
                               <p className="text-xs font-semibold uppercase text-slate-500">Atualizações recentes</p>
                               <ul className="mt-2 space-y-1 text-xs text-muted-foreground">
                                 {windowsHotfixes.slice(0, 3).map((fix) => (
@@ -3350,15 +3355,30 @@ function MachineCard({ machine, companyName }: { machine: MachinesQueryItem; com
   )
 }
 
-function DetailLine({ label, value, classNameValue }: DetailLineProps) {
+function DetailLine({ label, value, classNameValue, layout = "spread" }: DetailLineProps) {
   if (value === null || value === undefined) return null
   if (typeof value === "string" && (value.trim() === "" || value === "undefined" || value === "null")) {
     return null
   }
   return (
-    <div className="flex items-center justify-between gap-4">
+    <div
+      className={cn(
+        "items-center",
+        layout === "compact"
+          ? "grid grid-cols-[auto_minmax(0,1fr)] gap-3"
+          : "flex justify-between gap-4"
+      )}
+    >
       <span>{label}</span>
-      <span className={cn("text-right font-medium text-foreground", classNameValue)}>{value}</span>
+      <span
+        className={cn(
+          "font-medium text-foreground",
+          layout === "compact" ? "text-left" : "text-right",
+          classNameValue
+        )}
+      >
+        {value}
+      </span>
     </div>
   )
 }