From 332ade96e5a1d02fd93729d98ae56862a07d3227 Mon Sep 17 00:00:00 2001
From: Dave <Dave>
Date: Tue, 3 Feb 2026 15:17:20 -0500
Subject: [PATCH] feature/IO-3545-Production-Board-List-DND - Checkpoint

---
 client/src/App/App.styles.scss                | 29 +++++++++++++++++++
 .../production-list-table.component.jsx       |  1 +
 ...uction-list-table.resizeable.component.jsx |  6 ++--
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index 09745eac9..657520e49 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -446,3 +446,32 @@
 //.rbc-time-header-gutter {
 //  padding: 0;
 //}
+
+/* globally allow shrink inside table cells */
+.prod-list-table .ant-table-cell,
+.prod-list-table .ant-table-cell > * {
+  min-width: 0;
+}
+
+/* common AntD offenders */
+.prod-list-table > .ant-table-cell .ant-space,
+.ant-table-cell .ant-space-item {
+  min-width: 0;
+}
+
+/* Keep your custom header content on the left, push AntD sorter to the far right */
+.prod-list-table .ant-table-column-sorters {
+  display: flex !important;
+  align-items: center;
+  width: 100%;
+}
+
+.prod-list-table .ant-table-column-title {
+  flex: 1 1 auto;
+  min-width: 0; /* allows ellipsis to work */
+}
+
+.prod-list-table .ant-table-column-sorter {
+  margin-left: auto;
+  flex: 0 0 auto;
+}
diff --git a/client/src/components/production-list-table/production-list-table.component.jsx b/client/src/components/production-list-table/production-list-table.component.jsx
index bf5b05d39..64e07d1f5 100644
--- a/client/src/components/production-list-table/production-list-table.component.jsx
+++ b/client/src/components/production-list-table/production-list-table.component.jsx
@@ -472,6 +472,7 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
           <Table
             sticky
             tableLayout="fixed"
+            className="prod-list-table"
             pagination={false}
             size="small"
             {...(Production_List_Status_Colors.treatment === "on" &&
diff --git a/client/src/components/production-list-table/production-list-table.resizeable.component.jsx b/client/src/components/production-list-table/production-list-table.resizeable.component.jsx
index 568fc1396..15d11906c 100644
--- a/client/src/components/production-list-table/production-list-table.resizeable.component.jsx
+++ b/client/src/components/production-list-table/production-list-table.resizeable.component.jsx
@@ -18,12 +18,12 @@ const ResizableComponent = forwardRef((props, ref) => {
       onResizeStop={onResizeStop}
       draggableOpts={{ enableUserSelectHack: false }}
       resizeHandles={["e"]}
+      axis="x"
       handle={(axis, handleRef) => (
-        <span 
-          ref={handleRef} 
+        <span
+          ref={handleRef}
           className={`react-resizable-handle react-resizable-handle-${axis}`}
           onClick={(e) => e.stopPropagation()}
-          style={{ width: '10px', right: '-5px', cursor: 'col-resize' }}
         />
       )}
     >