| @@ -354,12 +354,12 @@ const ApplicationDetailCard = ( | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} sm={12} md={5.5} lg={5} sx={{ mb: 1 , ml: { md: 1, lg: 3 } }}> | <Grid item xs={12} sm={12} md={5.5} lg={5} sx={{ mb: 1 , ml: { md: 1, lg: 3 } }}> | ||||
| <Grid container alignItems={"center"}> | <Grid container alignItems={"center"}> | ||||
| <Grid item xs={12} md={3} lg={3} | |||||
| <Grid item xs={12} md={4} lg={4} | |||||
| sx={{ display: 'flex', alignItems: 'center' }}> | sx={{ display: 'flex', alignItems: 'center' }}> | ||||
| <FormLabel><Typography variant="h5">Status:</Typography></FormLabel> | <FormLabel><Typography variant="h5">Status:</Typography></FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={9} lg={9}> | |||||
| <Grid item xs={12} md={8} lg={8}> | |||||
| <FormControl variant="outlined"> | <FormControl variant="outlined"> | ||||
| {StatusUtils.getStatusByTextEng(currentApplicationDetailData.status, currentApplicationDetailData.creditor)} | {StatusUtils.getStatusByTextEng(currentApplicationDetailData.status, currentApplicationDetailData.creditor)} | ||||
| </FormControl> | </FormControl> | ||||
| @@ -370,10 +370,10 @@ const ApplicationDetailCard = ( | |||||
| <Grid item xs={12} md={12} lg={12}> | <Grid item xs={12} md={12} lg={12}> | ||||
| <Grid container alignItems={"center"} direction="row" > | <Grid container alignItems={"center"} direction="row" > | ||||
| <Grid item xs={12} md={3} lg={3}> | |||||
| <Grid item xs={12} md={4} lg={4}> | |||||
| <FormLabel><Typography variant="h5">Reason:</Typography></FormLabel> | <FormLabel><Typography variant="h5">Reason:</Typography></FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={9} lg={9}> | |||||
| <Grid item xs={12} md={8} lg={8}> | |||||
| <FormLabel> | <FormLabel> | ||||
| <Typography id='reason' variant="pnspsFormParagraph"> | <Typography id='reason' variant="pnspsFormParagraph"> | ||||
| {currentApplicationDetailData.reason} | {currentApplicationDetailData.reason} | ||||