From 7bf37eb017017748d2c7b333a10e2461726c8b34 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Fri, 10 Apr 2026 09:28:49 +0200
Subject: [PATCH] style: adjust ASIN column width to fit 10 characters in
 ProductDescriptions

---
 src/components/ProductDescriptions.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ProductDescriptions.tsx b/src/components/ProductDescriptions.tsx
index 0b79698..6d5ae29 100644
--- a/src/components/ProductDescriptions.tsx
+++ b/src/components/ProductDescriptions.tsx
@@ -29,9 +29,9 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
   const [columnFilters, setColumnFilters] = useState<Record<number, string[]>>({});
   const [openFilterCol, setOpenFilterCol] = useState<number | null>(null);
   const [columnWidths, setColumnWidths] = useState<Record<number, number>>({
-    [COLUMNS.ARTICLE_NO]: 100,
-    [COLUMNS.ARTICLE_NAME]: 250,
-    [COLUMNS.ASIN]: asinColumnIndex !== null ? 90 : 0,
+    [COLUMNS.ARTICLE_NO]: 110,
+    [COLUMNS.ARTICLE_NAME]: 450, // More flexible space for name
+    ...(asinColumnIndex !== null ? { [asinColumnIndex]: 100 } : {}),
     [COLUMNS.LINE]: 80,
     [COLUMNS.LICENSE]: 120,
     [COLUMNS.CLASSIFICATION]: 100,
@@ -366,7 +366,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
                   <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>
                   <td className="px-4 py-3 font-medium text-white truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NAME] }} title={row[COLUMNS.ARTICLE_NAME]}>{row[COLUMNS.ARTICLE_NAME]}</td>
                   {asinColumnIndex !== null && (
-                    <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[asinColumnIndex] || 90 }} title={row[asinColumnIndex]}>{row[asinColumnIndex] || '—'}</td>
+                    <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[asinColumnIndex] || 100 }} title={row[asinColumnIndex]}>{row[asinColumnIndex] || '—'}</td>
                   )}
                   <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LINE] }}>{row[COLUMNS.LINE]}</td>
                   <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LICENSE] }} title={row[COLUMNS.LICENSE]}>{row[COLUMNS.LICENSE] || '—'}</td>