feature/IO-3103-Ant5-Notifications - Job Icons fixed (spacing)

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -392,7 +392,7 @@ export function JobsDetailPage({
             {
               key: "labor",
               id: "job-details-labor",
-              icon: <Icon component={FaHardHat} />,
+              icon: <Icon component={FaHardHat} style={{ marginRight: 15 }} />,
               label: (
                 <LockWrapperComponent featureName="timetickets">{t("menus.jobsdetail.labor")}</LockWrapperComponent>
               ),
@@ -421,7 +421,7 @@ export function JobsDetailPage({
             {
               key: "documents",
               id: "job-details-documents",
-              icon: <FileImageFilled />,
+              icon: <FileImageFilled style={{ marginRight: 10 }} />,
               label: <LockWrapperComponent featureName="media">{t("jobs.labels.documents")}</LockWrapperComponent>,
               children: bodyshop.uselocalmediaserver ? (
                 <JobsDocumentsLocalGallery job={job} />
@@ -449,12 +449,14 @@ export function JobsDetailPage({
             },
             {
               key: "tasks",
-              icon: <FaTasks />,
+              icon: <FaTasks style={{ paddingTop: 3 }} />,
               id: "job-details-tasks",
               label: (
-                <Space direction="horizontal">
-                  {t("jobs.labels.tasks")}
-                  {job.tasks_aggregate.aggregate.count > 0 && <Badge count={job.tasks_aggregate.aggregate.count} />}
+                <Space direction="horizontal" align="center">
+                  <span>{t("jobs.labels.tasks")}</span>
+                  {job.tasks_aggregate.aggregate.count > 0 && (
+                    <Badge size="small" count={job.tasks_aggregate.aggregate.count} />
+                  )}
                 </Space>
               ),
               children: (