Minor random fixes

client/src/components/jobs-available-supplement/jobs-available-supplement.component.jsx

@@ -141,7 +141,8 @@ export default function JobsAvailableSupplementComponent({
                 });
                 refetch();
               });
-            }}>
+            }}
+          >
             <DeleteFilled />
           </Button>
           <Button
@@ -149,7 +150,8 @@ export default function JobsAvailableSupplementComponent({
               loadEstData({ variables: { id: record.id } });
               modalSearchState[1](record.clm_no);
               setModalVisible(true);
-            }}>
+            }}
+          >
             <PlusCircleFilled />
           </Button>
         </span>
@@ -191,22 +193,31 @@ export default function JobsAvailableSupplementComponent({
         loading={loading}
         title={() => {
           return (
-            <div>
-              <strong>{t("jobs.labels.availablesupplements")}</strong>
+            <div className="imex-flex-row">
+              <strong className="imex-flex-row__margin">
+                {t("jobs.labels.availablesupplements")}
+              </strong>
               <Button
+                className="imex-flex-row__margin"
                 onClick={() => {
                   refetch();
-                }}>
+                }}
+              >
                 <SyncOutlined />
               </Button>
-              <Button onClick={handleDeleteAll}>Delete All</Button>
+              <Button
+                className="imex-flex-row__margin"
+                onClick={handleDeleteAll}
+              >
+                Delete All
+              </Button>
             </div>
           );
         }}
-        size='small'
+        size="small"
         pagination={{ position: "top" }}
         columns={columns}
-        rowKey='id'
+        rowKey="id"
         dataSource={data && data.available_jobs}
         onChange={handleTableChange}
       />