Deep-Package-Inspection/docs/log/2026-07-23-0932-balance-table-column-spacing.md

Log: Balanced Table Column Spacing and Alignment

Trigger: Irregular table column gutters and values touching adjacent cells due to text header lengths breaking fixed table layout. Date: 2026-07-23 09:32 WIB Affected files:

• src/app/(dashboard)/agents/columns.tsx

Solution

1. Renamed column header Historical Uptime (17 chars) to Avg Uptime (10 chars). This shortens the minimum width constraints.
2. Balanced the column widths proportionally:
   • UUID / Serial: 12% (gives clean spacing for UUID text + chevron)
   • Label: 15%
   • Provisioned: Increased to 11% (ensures the header text Provisioned fits completely without squeezing)
   • Activated: Increased to 11% (ensures the header text Activated fits completely without squeezing)
   • Traffic Status: Adjusted to 15% (fits header Traffic Status and row values perfectly)
   • Avg Uptime: 10%
   • Data Size: 10%
   • Actions: Adjusted to 16% Sum is exactly 100%.
3. Tightened action button paddings to p-1 and container gap to gap-1, decreasing button sizes and centering the action buttons block with precision inside the 16% width cell.
4. Next.js and TypeScript check both passed cleanly.