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

client/src/components/job-lifecycle/job-lifecycle.component.jsx

@@ -1,6 +1,7 @@
 import { useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client";
-import { Badge, Card, Space, Table, Tag } from "antd";
+import { Badge, Card, Space, Tag } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import axios from "axios";
 import { isEmpty } from "lodash";
 import { useCallback, useEffect, useState } from "react";
@@ -311,12 +312,13 @@ export function JobLifecycleComponent({ bodyshop, job, statuses }) {
                 </>
               }
             >
-              <Table
+              <ResponsiveTable
                 style={{
                   overflow: "auto",
                   width: "100%"
                 }}
                 columns={columns}
+                mobileColumnKeys={["value", "start", "start_readable", "end"]}
                 dataSource={lifecycleData.lifecycle}
                 rowKey="start"
               />