Merge pull request #1794 from CruGlobal/improve-pds-descs

No-Jira - Improve PDS Goal Calc dividers

Author: zweatshirt

src/components/HrTools/PdsGoalCalculator/ReimbursableExpenses/ReimbursableExpensesStep.tsx

@@ -20,6 +20,7 @@ export const ReimbursableExpensesStep: React.FC = () => {
           )}
         </Typography>
       </Box>
+      <Divider sx={{ mx: -4, my: 4 }} />
       <MonthlyReimbursableSection />
       <Divider sx={{ mx: -4, my: 4 }} />
       <AnnualReimbursableSection />

src/components/HrTools/PdsGoalCalculator/Setup/SetupStep.tsx

@@ -134,7 +134,7 @@ export const SetupStep: React.FC = () => {
         label={t('Goal Name')}
       />
 
-      <Divider sx={{ my: 4, mx: -4 }} />
+      <Divider sx={{ mx: -4, my: 4 }} />
 
       <Box pb={4}>
         <Typography variant="h6">{t('Calculator Setup')}</Typography>
@@ -333,6 +333,7 @@ export const SetupStep: React.FC = () => {
           </Grid>
         </Grid>
       </Card>
+      <Divider sx={{ mx: -4, my: 4 }} />
     </>
   );
 };

src/components/HrTools/PdsGoalCalculator/SummaryReport/SummaryReportStep.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Typography } from '@mui/material';
+import { Box, Divider, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import Loading from 'src/components/Loading';
 import { useAccountListId } from 'src/hooks/useAccountListId';
@@ -32,7 +32,9 @@ export const SummaryReportStep: React.FC = () => {
           )}
         </Typography>
       </Box>
+      <Divider sx={{ mx: -4, my: 4 }} />
       <PdsSummaryTable supportRaised={supportRaised} />
+      <Divider sx={{ mx: -4, my: 4 }} />
     </>
   );
 };

src/components/HrTools/PdsGoalCalculator/SupportItem/SupportItemStep.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Typography } from '@mui/material';
+import { Box, Divider, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { OtherSection } from './OtherSection';
 import { SalarySection } from './SalarySection';
@@ -19,8 +19,10 @@ export const SupportItemStep: React.FC = () => {
           )}
         </Typography>
       </Box>
+      <Divider sx={{ mx: -4, my: 4 }} />
       <SalarySection />
       <OtherSection />
+      <Divider sx={{ mx: -4, my: 4 }} />
     </>
   );
 };