From c3503a719f00e908bae29f5a6ac50177960e7786 Mon Sep 17 00:00:00 2001
From: Darin Kelkhoff <darin.kelkhoff@gmail.com>
Date: Tue, 4 Jun 2024 10:54:12 -0500
Subject: [PATCH] CE-938 - Add class & rule for margin of alert-widgets inside
 processes

---
 src/qqq/pages/processes/ProcessRun.tsx | 2 +-
 src/qqq/styles/qqq-override-styles.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/qqq/pages/processes/ProcessRun.tsx b/src/qqq/pages/processes/ProcessRun.tsx
index dc04e26..326c60c 100644
--- a/src/qqq/pages/processes/ProcessRun.tsx
+++ b/src/qqq/pages/processes/ProcessRun.tsx
@@ -1571,7 +1571,7 @@ function ProcessRun({process, table, defaultProcessValues, isModal, isWidget, is
    );
 
    const body = (
-      <Box py={3} mb={20}>
+      <Box py={3} mb={20} className="processRun">
          <Grid container justifyContent="center" alignItems="center" sx={{height: "100%", mt: 8}}>
             <Grid item xs={12} lg={10} xl={8}>
                {form}
diff --git a/src/qqq/styles/qqq-override-styles.css b/src/qqq/styles/qqq-override-styles.css
index 8a6d54d..ef5d407 100644
--- a/src/qqq/styles/qqq-override-styles.css
+++ b/src/qqq/styles/qqq-override-styles.css
@@ -717,6 +717,7 @@ input[type="search"]::-webkit-search-results-decoration
    background-color: #0062FF !important;
 }
 
+/* several styles below here for user-defined alert inside helpContent */
 .helpContentAlert
 {
    padding: 6px 16px;
@@ -779,3 +780,10 @@ input[type="search"]::-webkit-search-results-decoration
 {
    color: #F44335;
 }
+
+/* the alert widget, was built with minimal (no?) margins, for embedding in
+ a parent widget; but for using it on a process, give it some breathing room */
+.processRun .widget .MuiAlert-root
+{
+   margin: 2rem 1rem;
+}