From e75cb18e6d230d0e11181127f89bb58b147a2423 Mon Sep 17 00:00:00 2001
From: burnettk <burnettk@users.noreply.github.com>
Date: Tue, 11 Feb 2025 11:32:38 -0500
Subject: [PATCH] add some margins

---
 .../components/ProcessModelForm.tsx           | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
index d88ab363d..32c5d7669 100644
--- a/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
+++ b/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
@@ -261,6 +261,7 @@ export default function ProcessModelForm({
           onDisplayNameChanged(event.target.value);
         }}
         fullWidth
+        sx={{ mb: 2 }}
       />,
     ];
 
@@ -287,6 +288,7 @@ export default function ProcessModelForm({
             setIdHasBeenUpdatedByUser(true);
           }}
           fullWidth
+          sx={{ mb: 2 }}
         />,
       );
     }
@@ -303,6 +305,7 @@ export default function ProcessModelForm({
         }
         multiline
         fullWidth
+        sx={{ mb: 2 }}
       />,
     );
 
@@ -316,16 +319,19 @@ export default function ProcessModelForm({
           onNotificationTypeChanged(event.target.value);
         }}
         fullWidth
+        sx={{ mb: 2 }}
       >
         <MenuItem value="fault">Fault</MenuItem>
         <MenuItem value="suspend">Suspend</MenuItem>
       </Select>,
     );
     textInputs.push(
-      <Typography variant="h3">Notification Addresses</Typography>,
+      <Typography variant="h3" sx={{ mt: 2, mb: 1 }}>
+        Notification Addresses
+      </Typography>,
     );
     textInputs.push(
-      <Typography variant="body2">
+      <Typography variant="body2" sx={{ mb: 2 }}>
         You can provide one or more addresses to notify if this model fails.
       </Typography>,
     );
@@ -339,14 +345,19 @@ export default function ProcessModelForm({
         onClick={() => {
           addBlankNotificationAddress();
         }}
+        sx={{ mt: 1, mb: 2 }}
       >
         Add Notification Address
       </Button>,
     );
 
-    textInputs.push(<Typography variant="h3">Metadata Extractions</Typography>);
     textInputs.push(
-      <Typography variant="body2">
+      <Typography variant="h3" sx={{ mt: 2, mb: 1 }}>
+        Metadata Extractions
+      </Typography>,
+    );
+    textInputs.push(
+      <Typography variant="body2" sx={{ mb: 2 }}>
         You can provide one or more metadata extractions to pull data from your
         process instances to provide quick access in searches and perspectives.
       </Typography>,
@@ -361,6 +372,7 @@ export default function ProcessModelForm({
         onClick={() => {
           addBlankMetadataExtractionPath();
         }}
+        sx={{ mt: 1, mb: 2 }}
       >
         Add Metadata Extraction Path
       </Button>,