From 466e85fa48a0063da0337567cd7281de521e2f3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Mon, 17 Aug 2026 14:15:47 -0300
Subject: [PATCH] Equalize pending data detail columns

---
 src/pages/PlanningIssues.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/PlanningIssues.tsx b/src/pages/PlanningIssues.tsx
index 6f7dad7..ffd5d2c 100644
--- a/src/pages/PlanningIssues.tsx
+++ b/src/pages/PlanningIssues.tsx
@@ -598,28 +598,28 @@ const PlanningIssues = () => {
                   <span className="w-fit rounded-full border border-red-400/25 bg-red-400/10 px-2.5 py-1 text-xs font-bold text-red-300">{formatNumber(visibleNegativeStockRows.length)} materiais</span>
                 </div>
                 <div className="overflow-x-auto">
-                  <table className="w-full min-w-[680px] table-fixed text-left text-sm">
+                  <table className="w-full min-w-[900px] table-fixed text-left text-sm">
                     <colgroup>
-                      <col className="w-[57%]" />
-                      <col className="w-[18%]" />
-                      <col className="w-[10%]" />
+                      <col className="w-[55%]" />
+                      <col className="w-[15%]" />
+                      <col className="w-[15%]" />
                       <col className="w-[15%]" />
                     </colgroup>
                     <thead className="border-b border-dark-border bg-dark-header text-dark-muted">
                       <tr>
                         <th className="px-5 py-3 text-[10px] font-bold uppercase tracking-wider">Material</th>
-                        <th className="px-5 py-3 pr-16 text-right text-[10px] font-bold uppercase tracking-wider">Saldo informado</th>
-                        <th className="px-5 py-3 text-right text-[10px] font-bold uppercase tracking-wider">Planejamento</th>
-                        <th className="px-5 py-3 text-right text-[10px] font-bold uppercase tracking-wider">Ações</th>
+                        <th className="px-5 py-3 text-center text-[10px] font-bold uppercase tracking-wider">Saldo informado</th>
+                        <th className="px-5 py-3 text-center text-[10px] font-bold uppercase tracking-wider">Planejamento</th>
+                        <th className="px-5 py-3 text-center text-[10px] font-bold uppercase tracking-wider">Ações</th>
                       </tr>
                     </thead>
                     <tbody className="divide-y divide-dark-border">
                       {paginatedNegativeStockRows.map(row => (
                         <tr key={row.produto_id} className="transition-colors hover:bg-dark-input/50">
                           <td className="max-w-0 px-5 py-3"><p className="truncate font-bold text-dark-text" title={row.nome}>{row.nome}</p><p className="mt-1 font-mono text-[11px] font-semibold text-dark-muted">#{row.produto_id}</p></td>
-                          <td className="px-5 py-3 pr-16 text-right"><p className="font-bold text-red-300">{formatNumber(Number(row.saldo), 2)} un.</p><p className="mt-1 text-[11px] font-semibold text-dark-muted">informado no Tiny</p></td>
-                          <td className="px-5 py-3 text-right"><span className="inline-flex rounded-full border border-dark-border bg-dark-input px-2.5 py-1 text-xs font-bold text-dark-muted">Usa 0 disponível</span></td>
-                          <td className="px-5 py-3 text-right">
+                          <td className="px-5 py-3 text-center"><p className="font-bold text-red-300">{formatNumber(Number(row.saldo), 2)} un.</p><p className="mt-1 text-[11px] font-semibold text-dark-muted">informado no Tiny</p></td>
+                          <td className="px-5 py-3 text-center"><span className="inline-flex rounded-full border border-dark-border bg-dark-input px-2.5 py-1 text-xs font-bold text-dark-muted">Usa 0 disponível</span></td>
+                          <td className="px-5 py-3 text-center">
                             <Link to="/supplies/inventory?tab=stock" title={`Conferir ${row.nome} no estoque`} aria-label={`Conferir ${row.nome} no estoque`} className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-dark-border bg-dark-input text-brand-primary transition-colors hover:border-brand-primary cursor-pointer"><Eye className="h-3.5 w-3.5" /></Link>
                           </td>
                         </tr>