From 5c0363f38749db978495550d43aa37bbf9a97421 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Tue, 11 Feb 2025 11:45:26 -0500
Subject: [PATCH] fix grid usage for grid2 style w/ burnettk

---
 .../components/ProcessModelForm.tsx           | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx b/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
index 32c5d7669..4ef56c336 100644
--- a/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
+++ b/spiffworkflow-frontend/src/a-spiffui-v3/components/ProcessModelForm.tsx
@@ -105,7 +105,7 @@ export default function ProcessModelForm({
   ) => {
     return (
       <Grid container spacing={2} alignItems="center">
-        <Grid item xs={3}>
+        <Grid size={{ xs: 3 }}>
           <TextField
             id={`process-model-metadata-extraction-path-key-${index}`}
             label="Extraction Key"
@@ -121,7 +121,7 @@ export default function ProcessModelForm({
             fullWidth
           />
         </Grid>
-        <Grid item xs={6}>
+        <Grid size={{ xs: 6 }}>
           <TextField
             id={`process-model-metadata-extraction-path-${index}`}
             label="Extraction Path"
@@ -137,7 +137,7 @@ export default function ProcessModelForm({
             fullWidth
           />
         </Grid>
-        <Grid item xs={1}>
+        <Grid size={{ xs: 1 }}>
           <IconButton
             aria-label="Remove Key"
             onClick={() => {
@@ -178,7 +178,7 @@ export default function ProcessModelForm({
   ) => {
     return (
       <Grid container spacing={2} alignItems="center">
-        <Grid item xs={10}>
+        <Grid size={{ xs: 10 }}>
           <TextField
             id={`process-model-notification-address-key-${index}`}
             label="Address"
@@ -194,7 +194,7 @@ export default function ProcessModelForm({
             fullWidth
           />
         </Grid>
-        <Grid item xs={2}>
+        <Grid size={{ xs: 2 }}>
           <IconButton
             aria-label="Remove Address"
             onClick={() => {
@@ -383,11 +383,16 @@ export default function ProcessModelForm({
 
   const formButtons = () => {
     return (
-      <Button variant="contained" type="submit">
-        Submit
-      </Button>
+      <Grid container justifyContent="flex-start" sx={{ mt: 2 }}>
+        <Grid>
+          <Button variant="contained" type="submit">
+            Submit
+          </Button>
+        </Grid>
+      </Grid>
     );
   };
+
   return (
     <form onSubmit={handleFormSubmission}>
       {formElements()}