UI fixes for manual job creation + owners pages + vehicles pages + all jobs BOD-155

client/src/components/vehicle-detail-form/vehicle-detail-form.container.jsx

@@ -11,12 +11,12 @@ function VehicleDetailFormContainer({ vehicle, refetch }) {
   const [updateVehicle] = useMutation(UPDATE_VEHICLE);
   const [form] = Form.useForm();
 
-  const handleFinish = values => {
+  const handleFinish = (values) => {
     updateVehicle({
-      variables: { vehId: vehicle.id, vehicle: values }
-    }).then(r => {
+      variables: { vehId: vehicle.id, vehicle: values },
+    }).then((r) => {
       notification["success"]({
-        message: t("vehicles.successes.save")
+        message: t("vehicles.successes.save"),
       });
       //TODO Better way to reset the field decorators?
       if (refetch) refetch();
@@ -27,13 +27,13 @@ function VehicleDetailFormContainer({ vehicle, refetch }) {
     <Form
       onFinish={handleFinish}
       form={form}
-      autoComplete="off"
+      autoComplete='off'
+      layout='vertical'
       initialValues={{
         ...vehicle,
-        v_prod_dt: vehicle.v_prod_dt ? moment(vehicle.v_prod_dt) : null
-      }}
-    >
-      <VehicleDetailFormComponent />
+        v_prod_dt: vehicle.v_prod_dt ? moment(vehicle.v_prod_dt) : null,
+      }}>
+      <VehicleDetailFormComponent form={form} />
     </Form>
   );
 }