Merge pull request #487 from etn-ccis/fix/change-password-padding

Fix/change password padding
etn-ccis · Sep 27, 2023 · 30b0ede · 30b0ede
2 parents 414c646 + b76f416
commit 30b0ede
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialog.tsx b/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialog.tsx
@@ -47,6 +47,8 @@ export const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props)
         ErrorDialogProps,
         loading,
         currentPasswordTextFieldProps,
+        slots = {},
+        slotProps = {},
     } = props;
 
     const [currentInput, setCurrentInput] = useState('');
@@ -146,6 +148,7 @@ export const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props)
             onSubmit={async (): Promise<void> => {
                 await changePasswordSubmit();
             }}
+            slots={slots}
             slotProps={{
                 SuccessScreen: {
                     icon: <CheckCircle color="primary" sx={{ fontSize: 100 }} />,
@@ -163,6 +166,7 @@ export const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props)
                             onFinish();
                         },
                     },
+                    ...slotProps.SuccessScreen,
                 },
             }}
             showSuccessScreen={showSuccessScreen}

diff --git a/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx b/login-workflow/src/components/ChangePasswordDialog/ChangePasswordDialogBase.tsx
@@ -154,7 +154,7 @@ export const ChangePasswordDialogBase: React.FC<ChangePasswordDialogProps> = (pr
                     <DialogActions
                         sx={{
                             justifyContent: 'flex-end',
-                            p: { md: 3, sm: 2 },
+                            p: { xs: 2, md: 3 },
                         }}
                     >
                         <Grid