From c757f5e9a6e21784ef3e205871c0c7caf6a428a3 Mon Sep 17 00:00:00 2001
From: Kartheek Palla <kartheek@sanketika.in>
Date: Wed, 30 Oct 2024 15:50:24 +0530
Subject: [PATCH] #OBS-I302 fix: Connector scroll issue fixes

---
 .../ConnectorConfiguration.tsx                     | 14 +++++++++++---
 .../src/pages/StepsPages/Processing/Processing.tsx |  2 +-
 .../src/pages/alertManager/views/AlertRules.tsx    |  2 +-
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/web-console-v2/src/pages/ConnectorConfiguration/ConnectorConfiguration.tsx b/web-console-v2/src/pages/ConnectorConfiguration/ConnectorConfiguration.tsx
index ac82cf6b..2ec6c0d3 100644
--- a/web-console-v2/src/pages/ConnectorConfiguration/ConnectorConfiguration.tsx
+++ b/web-console-v2/src/pages/ConnectorConfiguration/ConnectorConfiguration.tsx
@@ -194,7 +194,7 @@ const ConnectorConfiguration: React.FC = () => {
 
     return (
         <Box>
-            <Box mx={4}>
+            <Box mx={4} my={1}>
                 <Button
                     variant="text"
                     sx={{ color: theme.palette.common.black }}
@@ -209,7 +209,7 @@ const ConnectorConfiguration: React.FC = () => {
                 className={`${styles.formContainer} ${isHelpSectionOpen ? styles.expanded : styles.collapsed}`}
                 pr={4}
                 pl={3}
-                sx={{ boxShadow: 'none', marginBottom: '30rem' }}
+                sx={{ boxShadow: 'none' }}
             >
                 {errorMessage ? (
                     <Typography variant="h6" color="error" textAlign="center" py={32}>
@@ -286,7 +286,15 @@ const ConnectorConfiguration: React.FC = () => {
             </Box>
             <Box
                 className={`${isHelpSectionOpen ? styles.expanded : styles.collapsed}`}
-                mt={4}
+                mt={8}
+                sx={{
+                    position: 'fixed',
+                    bottom: 0,
+                    right: 0,
+                    left: -50,
+                    backgroundColor: theme.palette.background.paper,
+                    zIndex: 100
+                }}
                 pr={5}
             >
                 <Actions
diff --git a/web-console-v2/src/pages/StepsPages/Processing/Processing.tsx b/web-console-v2/src/pages/StepsPages/Processing/Processing.tsx
index a3e6b387..b2fc81a4 100644
--- a/web-console-v2/src/pages/StepsPages/Processing/Processing.tsx
+++ b/web-console-v2/src/pages/StepsPages/Processing/Processing.tsx
@@ -409,7 +409,7 @@ const Processing: React.FC = () => {
                     flex: 1,
                     overflowY: 'auto',
                     paddingBottom: '80px',
-                    paddingTop: '3.5rem'
+                    paddingTop: '1rem'
                 }}
             >
                 <Box mx={3.5} mb={2}>
diff --git a/web-console-v2/src/pages/alertManager/views/AlertRules.tsx b/web-console-v2/src/pages/alertManager/views/AlertRules.tsx
index 43e49223..939490f0 100644
--- a/web-console-v2/src/pages/alertManager/views/AlertRules.tsx
+++ b/web-console-v2/src/pages/alertManager/views/AlertRules.tsx
@@ -48,7 +48,7 @@ const AlertRules = () => {
     return (
       <Grid container spacing={3}>
         <Grid item xs={12} id="tabSectionStart">
-          <Box sx={{ width: '100%' }}>
+          <Box sx={{ width: '100%', margin: '1rem' }}>
             {renderTabs()}
             <Grid marginTop={1}>
               <Outlet />