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

client/src/components/jobs-find-modal/jobs-find-modal.component.jsx

@@ -1,5 +1,6 @@
 import { SyncOutlined } from "@ant-design/icons";
-import { Button, Checkbox, Divider, Input, Space, Table } from "antd";
+import { Button, Checkbox, Divider, Input, Space } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -171,7 +172,7 @@ export default function JobsFindModalComponent({
 
   return (
     <div>
-      <Table
+      <ResponsiveTable
         title={() => (
           <div style={{ display: "flex" }}>
             {t("jobs.labels.existing_jobs")}
@@ -191,6 +192,7 @@ export default function JobsFindModalComponent({
         )}
         pagination={{ placement: "bottom" }}
         columns={columns}
+        mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
         rowKey="id"
         loading={jobsListLoading}
         dataSource={jobsList}