Further UI Updates.

client/src/components/contract-form/contract-form.component.jsx

@@ -12,6 +12,7 @@ import InputPhone, {
 } from "../form-items-formatted/phone-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import ContractFormJobPrefill from "./contract-form-job-prefill.component";
+
 export default function ContractFormComponent({
   form,
   create = false,
@@ -83,10 +84,11 @@ export default function ContractFormComponent({
           </Form.Item>
         )}
       </LayoutFormRow>
-      <LayoutFormRow grow>
+      <LayoutFormRow>
         <Form.Item
           label={t("contracts.fields.fuelout")}
           name="fuelout"
+          span={8}
           rules={[
             {
               required: true,
@@ -97,23 +99,29 @@ export default function ContractFormComponent({
           <CourtesyCarFuelSlider />
         </Form.Item>
         {create ? null : (
-          <Form.Item label={t("contracts.fields.fuelin")} name="fuelin">
+          <Form.Item
+            label={t("contracts.fields.fuelin")}
+            name="fuelin"
+            span={8}
+          >
             <CourtesyCarFuelSlider />
           </Form.Item>
         )}
       </LayoutFormRow>
-      <Space wrap>
-        {selectedJobState && (
-          <div>
-            <ContractFormJobPrefill
-              jobId={selectedJobState && selectedJobState[0]}
-              form={form}
-            />
-          </div>
-        )}
-        <ContractLicenseDecodeButton form={form} />
-      </Space>
-      <LayoutFormRow>
+      <div>
+        <Space wrap>
+          {selectedJobState && (
+            <div>
+              <ContractFormJobPrefill
+                jobId={selectedJobState && selectedJobState[0]}
+                form={form}
+              />
+            </div>
+          )}
+          <ContractLicenseDecodeButton form={form} />
+        </Space>
+      </div>
+      <LayoutFormRow header={t("contracts.labels.driverinformation")}>
         <Form.Item
           label={t("contracts.fields.driver_dlnumber")}
           name="driver_dlnumber"
@@ -222,7 +230,7 @@ export default function ContractFormComponent({
           <FormDatePicker />
         </Form.Item>
       </LayoutFormRow>
-      <LayoutFormRow>
+      <LayoutFormRow header={t("contracts.labels.rates")}>
         <Form.Item label={t("contracts.fields.dailyrate")} name="dailyrate">
           <InputNumber precision={2} />
         </Form.Item>