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

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.predefined.component.jsx

@@ -1,5 +1,6 @@
 import { PlusOutlined, SearchOutlined } from "@ant-design/icons";
-import { Button, Input, Popover, Table } from "antd";
+import { Button, Input, Popover } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import PredefinedVehicles from "./predefined-vehicles.js";
@@ -22,9 +23,9 @@ export default function JobsCreateVehicleInfoPredefined({ disabled, form }) {
 
   const popContent = () => (
     <div>
-      <Table
+      <ResponsiveTable
         size="small"
-        title={() => <Input.Search onSearch={(value) => setSearch(value)} enterButton/>}
+        title={() => <Input.Search onSearch={(value) => setSearch(value)} enterButton />}
         dataSource={filteredPredefinedVehicles}
         columns={[
           {
@@ -61,6 +62,7 @@ export default function JobsCreateVehicleInfoPredefined({ disabled, form }) {
             )
           }
         ]}
+        mobileColumnKeys={["make", "model", "select"]}
       />
     </div>
   );

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.search.component.jsx

@@ -1,4 +1,5 @@
-import { Card, Input, Space, Table } from "antd";
+import { Card, Input, Space } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -68,11 +69,12 @@ export default function JobsCreateVehicleInfoSearchComponent({ loading, vehicles
         </Space>
       }
     >
-      <Table
+      <ResponsiveTable
         loading={loading}
         scroll={{ x: true }}
         pagination={{ placement: "top" }}
         columns={columns}
+        mobileColumnKeys={["v_vin", "description", "plate"]}
         rowKey="id"
         dataSource={vehicles}
         onChange={handleTableChange}