From cc5bdea1b54b3dc07ea0bd49ffbc047649ec45bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Mon, 17 Aug 2026 14:00:05 -0300
Subject: [PATCH] Align pending data details with actions

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

diff --git a/src/pages/PlanningIssues.tsx b/src/pages/PlanningIssues.tsx
index 3e39738..9754185 100644
--- a/src/pages/PlanningIssues.tsx
+++ b/src/pages/PlanningIssues.tsx
@@ -600,16 +600,16 @@ const PlanningIssues = () => {
                 <div className="overflow-x-auto">
                   <table className="w-full min-w-[680px] table-fixed text-left text-sm">
                     <colgroup>
-                      <col className="w-[45%]" />
-                      <col className="w-[20%]" />
-                      <col className="w-[27%]" />
+                      <col className="w-[57%]" />
+                      <col className="w-[18%]" />
+                      <col className="w-[17%]" />
                       <col className="w-[8%]" />
                     </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 pl-16 text-[10px] font-bold uppercase tracking-wider">Planejamento</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>
                       </tr>
                     </thead>
@@ -618,7 +618,7 @@ const PlanningIssues = () => {
                         <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 pl-16"><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"><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">
                             <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>