IO-2599 Remove Space and put Div in to space components

client/src/components/production-list-detail/production-list-detail.component.jsx

@@ -105,13 +105,13 @@ export function ProductionListDetail({
       {error && <AlertComponent error={JSON.stringify(error)} />}
       {!loading && data && (
         <div>
-          <Space direction="vertical">
           <CardTemplate
             title={t("jobs.labels.employeeassignments")}
             loading={loading}
           >
             <JobEmployeeAssignments job={data.jobs_by_pk} refetch={refetch} />
           </CardTemplate>
+          <div style={{ height: "8px" }} />
           <Descriptions bordered column={1}>
             <Descriptions.Item label={t("jobs.fields.ro_number")}>
               {theJob.ro_number || ""}
@@ -169,21 +169,25 @@ export function ProductionListDetail({
               <DateFormatter>{theJob.scheduled_completion}</DateFormatter>
             </Descriptions.Item>
           </Descriptions>
+          <div style={{ height: "8px" }} />
           <JobDetailCardsPartsComponent
             loading={loading}
             data={data ? data.jobs_by_pk : null}
           />
+          <div style={{ height: "8px" }} />
           <JobDetailCardsNotesComponent
             loading={loading}
             data={data ? data.jobs_by_pk : null}
           />
           {!bodyshop.uselocalmediaserver && (
+            <>
+              <div style={{ height: "8px" }} />
               <JobDetailCardsDocumentsComponent
                 loading={loading}
                 data={data ? data.jobs_by_pk : null}
               />
+            </>
           )}
-          </Space>
         </div>
       )}
     </Drawer>