From 58fdbb4d85ff598f73bacb924764f48084940afd Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sat, 16 Sep 2023 11:01:40 +0200
Subject: [PATCH] Client: Fixed spool select table formatting

---
 client/src/components/column.tsx           | 4 ++++
 client/src/components/spoolSelectModal.tsx | 9 ++-------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/client/src/components/column.tsx b/client/src/components/column.tsx
index 8ccd11c..a57bd62 100644
--- a/client/src/components/column.tsx
+++ b/client/src/components/column.tsx
@@ -23,6 +23,7 @@ interface BaseColumnProps<Obj> {
   i18nkey?: string;
   dataSource: Obj[];
   tableState: TableState;
+  width?: number;
 }
 
 interface FilteredColumnProps {
@@ -54,6 +55,9 @@ function Column<Obj>(props: BaseColumnProps<Obj> & FilteredColumnProps & CustomC
     sortOrder: getSortOrderForField(typedSorters, props.dataId ?? props.id),
     filterMultiple: props.allowMultipleFilters ?? true,
   };
+  if (props.width) {
+    columnProps.width = props.width;
+  }
   if (props.filters && props.filteredValue) {
     columnProps.filters = props.filters;
     columnProps.filteredValue = props.filteredValue;
diff --git a/client/src/components/spoolSelectModal.tsx b/client/src/components/spoolSelectModal.tsx
index c9477d1..5740313 100644
--- a/client/src/components/spoolSelectModal.tsx
+++ b/client/src/components/spoolSelectModal.tsx
@@ -112,13 +112,7 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
       {contextHolder}
       <Space direction="vertical" style={{ width: "100%" }}>
         {description && <div>{description}</div>}
-        <Table
-          {...tableProps}
-          rowKey="id"
-          dataSource={dataSource}
-          pagination={false}
-          scroll={{ x: "max-content", y: 200 }}
-        >
+        <Table {...tableProps} rowKey="id" dataSource={dataSource} pagination={false} scroll={{ y: 200 }}>
           <Table.Column
             width={50}
             render={(_, item: ISpool) => (
@@ -130,6 +124,7 @@ const SpoolSelectModal: React.FC<Props> = ({ visible, description, onCancel, onC
             i18ncat: "spool",
             dataSource,
             tableState,
+            width: 80,
           })}
           {SpoolIconColumn({
             id: "combined_name",