feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

client/src/components/job-detail-cards/job-detail-cards.parts.component.jsx

@@ -1,4 +1,4 @@
-import { Table } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useTranslation } from "react-i18next";
 import JobLineNotePopup from "../job-line-note-popup/job-line-note-popup.component";
 import PartsStatusPie from "../parts-status-pie/parts-status-pie.component";
@@ -101,7 +101,12 @@ function JobDetailCardsPartsComponent({ loading, data, jobRO }) {
     <div>
       <CardTemplate loading={loading} title={t("jobs.labels.cards.parts")}>
         <PartsStatusPie joblines_status={joblines_status} />
-        <Table rowKey="id" columns={columns} dataSource={filteredJobLines || []} />
+        <ResponsiveTable
+          rowKey="id"
+          columns={columns}
+          mobileColumnKeys={["status", "line_desc", "part_type", "part_qty"]}
+          dataSource={filteredJobLines || []}
+        />
       </CardTemplate>
     </div>
   );