From db4d286a86c51a7dd5dce696f6b8fd78aa8acb0f Mon Sep 17 00:00:00 2001
From: Dave <Dave>
Date: Mon, 2 Mar 2026 11:59:32 -0500
Subject: [PATCH] feature/IO-3554-Form-Row-Layout - dial in tables

---
 .../scheduled-delivery-today.component.jsx                 | 7 +++----
 .../scheduled-in-today/scheduled-in-today.component.jsx    | 5 ++---
 .../scheduled-out-today/scheduled-out-today.component.jsx  | 7 +++----
 .../components/job-detail-lines/job-lines.component.jsx    | 7 +++----
 client/src/components/task-list/task-list.component.jsx    | 4 ++--
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/client/src/components/dashboard-components/scheduled-delivery-today/scheduled-delivery-today.component.jsx b/client/src/components/dashboard-components/scheduled-delivery-today/scheduled-delivery-today.component.jsx
index 9ae59833a..e7425db99 100644
--- a/client/src/components/dashboard-components/scheduled-delivery-today/scheduled-delivery-today.component.jsx
+++ b/client/src/components/dashboard-components/scheduled-delivery-today/scheduled-delivery-today.component.jsx
@@ -1,6 +1,5 @@
 import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
-import { Card, Space, Switch, Tooltip, Typography } from "antd";
-import ResponsiveTable from "../../responsive-table/responsive-table.component";
+import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -360,11 +359,11 @@ export default function DashboardScheduledDeliveryToday({ data, ...cardProps })
       {...cardProps}
     >
       <div style={{ height: "100%" }}>
-        <ResponsiveTable
+        <Table
           onChange={handleTableChange}
           pagination={false}
           columns={isTvModeScheduledDelivery ? tvColumns : columns}
-          mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
+          // mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
           scroll={{ x: true, y: "calc(100% - 2em)" }}
           rowKey="id"
           style={{ height: "85%" }}
diff --git a/client/src/components/dashboard-components/scheduled-in-today/scheduled-in-today.component.jsx b/client/src/components/dashboard-components/scheduled-in-today/scheduled-in-today.component.jsx
index 1f548cfb1..1c937e6e4 100644
--- a/client/src/components/dashboard-components/scheduled-in-today/scheduled-in-today.component.jsx
+++ b/client/src/components/dashboard-components/scheduled-in-today/scheduled-in-today.component.jsx
@@ -1,6 +1,5 @@
 import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
-import { Card, Space, Switch, Tooltip, Typography } from "antd";
-import ResponsiveTable from "../../responsive-table/responsive-table.component";
+import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -365,7 +364,7 @@ export default function DashboardScheduledInToday({ data, ...cardProps }) {
       {...cardProps}
     >
       <div style={{ height: "100%" }}>
-        <ResponsiveTable
+        <Table
           onChange={handleTableChange}
           pagination={false}
           columns={isTvModeScheduledIn ? tvColumns : columns}
diff --git a/client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx b/client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx
index c4faf98ad..135b2f57f 100644
--- a/client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx
+++ b/client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx
@@ -1,6 +1,5 @@
 import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
-import { Card, Space, Switch, Tooltip, Typography } from "antd";
-import ResponsiveTable from "../../responsive-table/responsive-table.component";
+import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -360,11 +359,11 @@ export default function DashboardScheduledOutToday({ data, ...cardProps }) {
       {...cardProps}
     >
       <div style={{ height: "100%" }}>
-        <ResponsiveTable
+        <Table
           onChange={handleTableChange}
           pagination={false}
           columns={isTvModeScheduledOut ? tvColumns : columns}
-          mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
+          // mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
           scroll={{ x: true, y: "calc(100% - 2em)" }}
           rowKey="id"
           style={{ height: "85%" }}
diff --git a/client/src/components/job-detail-lines/job-lines.component.jsx b/client/src/components/job-detail-lines/job-lines.component.jsx
index 1376ec903..d5df5480e 100644
--- a/client/src/components/job-detail-lines/job-lines.component.jsx
+++ b/client/src/components/job-detail-lines/job-lines.component.jsx
@@ -11,8 +11,7 @@ import {
 import { PageHeader } from "@ant-design/pro-layout";
 import { useMutation } from "@apollo/client/react";
 import { gql } from "@apollo/client";
-import { Button, Dropdown, Input, Modal, Select, Space, Tag, Typography } from "antd";
-import ResponsiveTable from "../responsive-table/responsive-table.component";
+import { Button, Dropdown, Input, Modal, Select, Space, Table, Tag, Typography } from "antd";
 import axios from "axios";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -689,9 +688,9 @@ export function JobLinesComponent({
         }
       />
 
-      <ResponsiveTable
+      <Table
         columns={columns}
-        mobileColumnKeys={["status", "line_desc", "actions", "line_no"]}
+        // mobileColumnKeys={["status", "line_desc", "actions", "line_no"]}
         rowKey="id"
         loading={loading}
         pagination={false}
diff --git a/client/src/components/task-list/task-list.component.jsx b/client/src/components/task-list/task-list.component.jsx
index c420b90c4..0bd9682fc 100644
--- a/client/src/components/task-list/task-list.component.jsx
+++ b/client/src/components/task-list/task-list.component.jsx
@@ -231,9 +231,9 @@ function TaskListComponent({
     {
       title: t("tasks.fields.actions"),
       key: "toggleCompleted",
-      width: "8%",
+      width: 260,
       render: (text, record) => (
-        <Space orientation="horizontal">
+        <Space orientation="horizontal" size="small" style={{ maxWidth: "100%", whiteSpace: "nowrap" }}>
           <ShareToTeamsButton
             linkText=""
             urlOverride={`${window.location.origin}/manage/tasks/alltasks?taskid=${record.id}`}