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

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.component.jsx

@@ -4,19 +4,24 @@ import { useTranslation } from "react-i18next";
 import JobsCreateVehicleInfoNewComponent from "./jobs-create-vehicle-info.new.component";
 import JobsCreateVehicleInfoSearchComponent from "./jobs-create-vehicle-info.search.component";
 
+const colSpan = {
+  sm: { span: 24 },
+  lg: { span: 12 },
+};
+
 export default function JobsCreateVehicleInfoComponent({ loading, vehicles }) {
   const { t } = useTranslation();
   return (
     <div>
       <Typography.Title>{t("jobs.labels.create.vehicleinfo")}</Typography.Title>
-      <Row>
-        <Col span={16}>
+      <Row gutter={[32, 32]}>
+        <Col {...colSpan}>
           <JobsCreateVehicleInfoSearchComponent
             loading={loading}
             vehicles={vehicles}
           />
         </Col>
-        <Col span={8}>
+        <Col {...colSpan}>
           <JobsCreateVehicleInfoNewComponent />
         </Col>
       </Row>