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

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -11,7 +11,8 @@ 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, Table, Tag, Typography } from "antd";
+import { Button, Dropdown, Input, Modal, Select, Space, Tag, Typography } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import axios from "axios";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -688,8 +689,9 @@ export function JobLinesComponent({
         }
       />
 
-      <Table
+      <ResponsiveTable
         columns={columns}
+        mobileColumnKeys={["status", "line_desc", "actions", "line_no"]}
         rowKey="id"
         loading={loading}
         pagination={false}