Fixed up job details lines table + jobs totals page.

client/src/components/allocations-employee-label/allocations-employee-label.component.jsx

@@ -4,10 +4,11 @@ import { MdRemoveCircleOutline } from "react-icons/md";
 
 export default function AllocationsLabelComponent({ allocation, handleClick }) {
   return (
-    <div style={{ display: "flex" }}>
+    <div style={{ display: "flex", alignItems: "center" }}>
       <span>
-        {`${allocation.employee.first_name || ""} ${allocation.employee
-          .last_name || ""} (${allocation.hours || ""})`}
+        {`${allocation.employee.first_name || ""} ${
+          allocation.employee.last_name || ""
+        } (${allocation.hours || ""})`}
       </span>
       <Icon
         style={{ color: "red", padding: "0px 4px" }}

client/src/components/allocations-employee-label/allocations-employee-label.container.jsx

@@ -8,19 +8,21 @@ import { useTranslation } from "react-i18next";
 export default function AllocationsLabelContainer({ allocation, refetch }) {
   const [deleteAllocation] = useMutation(DELETE_ALLOCATION);
   const { t } = useTranslation();
-  const handleClick = e => {
+
+  const handleClick = (e) => {
     e.preventDefault();
     deleteAllocation({ variables: { id: allocation.id } })
-      .then(r => {
+      .then((r) => {
         notification["success"]({
-          message: t("allocations.successes.deleted")
+          message: t("allocations.successes.deleted"),
         });
         if (refetch) refetch();
       })
-      .catch(error => {
+      .catch((error) => {
         notification["error"]({ message: t("allocations.errors.deleting") });
       });
   };
+
   return (
     <AllocationsLabelComponent
       allocation={allocation}