Fixed up job details lines table + jobs totals page.

client/src/components/layout-form-row/layout-form-row.component.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { Row, Col, Typography } from "antd";
+import "./layout-form-row.styles.scss";
 
 export default function LayoutFormRow({ header, children }) {
   if (!!!children.length) {
@@ -8,7 +9,6 @@ export default function LayoutFormRow({ header, children }) {
   }
   const rowGutter = { gutter: [32, 32] };
   const colSpan = (maxspan) => {
-    console.log("maxspan", maxspan);
     return {
       xs: {
         span: 24,
@@ -25,7 +25,7 @@ export default function LayoutFormRow({ header, children }) {
   };
 
   return (
-    <div>
+    <div className='imex-form-row'>
       {header ? <Typography.Title level={4}>{header}</Typography.Title> : null}
       <Row {...rowGutter}>
         {children.map((c, idx) => (

client/src/components/layout-form-row/layout-form-row.styles.scss

@@ -0,0 +1,6 @@
+//Override Antd Row margin to save space on forms.
+.imex-form-row {
+  .ant-row {
+    margin-bottom: 0rem;
+  }
+}