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

client/src/components/tt-approvals-list/tt-approvals-list.component.jsx

@@ -1,5 +1,6 @@
 import { SyncOutlined } from "@ant-design/icons";
-import { Button, Card, Space, Table, Tag } from "antd";
+import { Button, Card, Space, Tag } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import Dinero from "dinero.js";
 import queryString from "query-string";
 import { useState } from "react";
@@ -180,9 +181,10 @@ export function TtApprovalsListComponent({
         </Space>
       }
     >
-      <Table
+      <ResponsiveTable
         loading={loading}
         columns={columns}
+        mobileColumnKeys={["ro_number", "date", "employeeid", "cost_center"]}
         rowKey="id"
         scroll={{
           x: true