Refactored job closing to be line based instead of totals based. BOD-383

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

@@ -17,6 +17,7 @@ export default function LayoutFormRow({ header, children, grow = false }) {
   const rowGutter = { gutter: [16, 16] };
 
   const colSpan = (spanOverride) => {
+    if (spanOverride) return { span: spanOverride };
     return {
       xs: {
         span: 24,
@@ -52,40 +53,3 @@ export default function LayoutFormRow({ header, children, grow = false }) {
     </div>
   );
 }
-
-// export default function LayoutFormRow({ header, children }) {
-//   if (!!!children.length) {
-//     //We have only one element. It's going to get the whole thing.
-//     return children;
-//   }
-//   const rowGutter = { gutter: [16, 16] };
-
-//   const colSpan = (maxspan) => {
-//     return {
-//       xs: {
-//         span: 24,
-//       },
-//       md: {
-//         span: !!maxspan ? Math.min(12, maxspan) : 12,
-//       },
-//       lg: {
-//         span: !!maxspan
-//           ? Math.min(Math.max(24 / children.length, 6), maxspan)
-//           : Math.max(24 / children.length, 6),
-//       },
-//     };
-//   };
-
-//   return (
-//     <div className='imex-form-row'>
-//       {header ? <Typography.Title level={4}>{header}</Typography.Title> : null}
-//       <Row {...rowGutter}>
-//         {children.map((c, idx) => (
-//           <Col key={idx} {...colSpan(c.props && c.props.maxspan)}>
-//             {c}
-//           </Col>
-//         ))}
-//       </Row>
-//     </div>
-//   );
-// }