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

client/src/components/job-reconciliation-parts-table/job-reconciliation-parts-table.component.jsx

@@ -1,4 +1,5 @@
-import { Table, Typography } from "antd";
+import { Typography } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
@@ -96,9 +97,10 @@ export default function JobReconcilitionPartsTable({ jobLineState, jobLineData }
   return (
     <div>
       <Typography.Title level={4}>{t("jobs.labels.lines")}</Typography.Title>
-      <Table
+      <ResponsiveTable
         pagination={false}
         columns={columns}
+        mobileColumnKeys={["status", "line_desc", "total", "oem_partno"]}
         size="small"
         scroll={{ y: "60vh" }}
         rowKey="id"