From a9afc2c92f28e9403a99a3c5f8495be1101cbc5b Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Thu, 29 Feb 2024 23:37:09 +0000
Subject: [PATCH] Cleanup table column widths

---
 src/frontend/src/tables/Details.tsx | 68 +++--------------------------
 1 file changed, 6 insertions(+), 62 deletions(-)

diff --git a/src/frontend/src/tables/Details.tsx b/src/frontend/src/tables/Details.tsx
index 2f002b6180..b552c6e26b 100644
--- a/src/frontend/src/tables/Details.tsx
+++ b/src/frontend/src/tables/Details.tsx
@@ -367,68 +367,6 @@ function CopyField({ value }: { value: string }) {
   );
 }
 
-function xTableField({
-  field_data,
-  field_value,
-  unit = null
-}: {
-  field_data: DetailsField;
-  field_value: FieldValueType[];
-  unit?: string | null;
-}) {
-  function getFieldType(type: string) {
-    switch (type) {
-      case 'text':
-      case 'string':
-        return TableStringValue;
-      case 'link':
-        return TableAnchorValue;
-      case 'progressbar':
-        return ProgressBarValue;
-    }
-  }
-
-  return (
-    <tr>
-      <td
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '20px',
-          justifyContent: 'flex-start'
-        }}
-      >
-        <InvenTreeIcon icon={field_data.name} />
-        <Text>{field_data.label}</Text>
-      </td>
-      <td style={{ minWidth: '40%' }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              flexGrow: '1'
-            }}
-          >
-            {field_data.map((data: DetailsField, index: number) => {
-              let FieldType: any = getFieldType(data.type);
-              return (
-                <FieldType
-                  field_data={data}
-                  field_value={field_value[index]}
-                  unit={unit}
-                  key={index}
-                />
-              );
-            })}
-          </div>
-          {field_data[0].copy && <CopyField value={`${field_value[0]}`} />}
-        </div>
-      </td>
-    </tr>
-  );
-}
-
 export function DetailsTableField({
   item,
   field
@@ -463,6 +401,8 @@ export function DetailsTableField({
         }}
       >
         <InvenTreeIcon icon={field.name} />
+      </td>
+      <td>
         <Text>{field.label}</Text>
       </td>
       <td style={{ minWidth: '40%' }}>
@@ -483,6 +423,10 @@ export function DetailsTable({
   return (
     <Paper p="xs" withBorder radius="xs">
       <Table striped>
+        <col width="5O" />
+        <col />
+        <col />
+        <col width="50" />
         <tbody>
           {fields
             .filter((field: DetailsField) => !field.hidden)