Further UI Updates

client/src/components/jobs-available-table/jobs-available-table.container.jsx

@@ -5,7 +5,7 @@ import {
   useMutation,
   useQuery,
 } from "@apollo/client";
-import { notification } from "antd";
+import { Col, notification, Row } from "antd";
 import Axios from "axios";
 import Dinero from "dinero.js";
 import _ from "lodash";
@@ -354,14 +354,20 @@ export function JobsAvailableContainer({ bodyshop, currentUser }) {
         onCancel={onJobModalCancel}
         modalSearchState={modalSearchState}
       />
-      <JobsAvailableTableComponent
-        loading={loading}
-        data={data}
-        refetch={refetch}
-        addJobAsNew={addJobAsNew}
-        addJobAsSupp={addJobAsSupp}
-      />
-      <JobsAvailableScan refetch={refetch} />
+      <Row gutter={[16, 16]}>
+        <Col span={24}>
+          <JobsAvailableTableComponent
+            loading={loading}
+            data={data}
+            refetch={refetch}
+            addJobAsNew={addJobAsNew}
+            addJobAsSupp={addJobAsSupp}
+          />
+        </Col>
+        <Col span={24}>
+          <JobsAvailableScan refetch={refetch} />
+        </Col>
+      </Row>
     </LoadingSpinner>
   );
 }