Merge branch 'master' of https://git.2fi-solutions.com/alex/PNSPS-frontend-MaterialUI

src/pages/authentication/auth-forms/BusCustomFormWizard.js

@@ -1539,7 +1539,7 @@ const BusCustomFormWizard = (props) => {
                                 </Grid>
 
                                 <Grid item xs={12}>
-                                    <Stack spacing={1} direction="row">
+                                    <Stack spacing={1} direction="column">
                                         <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]}>
                                             <FormattedMessage id="formAddress"/>:
                                         </Typography>
@@ -1558,7 +1558,7 @@ const BusCustomFormWizard = (props) => {
                                                 </Typography>
                                                 : null}
                                             {selectedAddress5.type === "hongKong" ?
-                                                <Stack direction="row">
+                                                <Stack direction="column">
                                                     <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region"/>:
                                                     </Typography>
@@ -1567,7 +1567,7 @@ const BusCustomFormWizard = (props) => {
                                                     </Typography>
                                                 </Stack>
                                                 : null}
-                                            <Stack direction="row">
+                                            <Stack direction="column">
                                                 <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address5-signup">
                                                     <FormattedMessage id="regionOrCountry"/>:
                                                 </Typography>

src/pages/authentication/auth-forms/CustomFormWizard.js

@@ -940,7 +940,7 @@ const CustomFormWizard = (props) => {
                                         </Grid>
                                         {selectedIdDocType.type === "HKID" ?
                                             <>
-                                                <Grid item xs={10} md={5}>
+                                                <Grid item xs={9} md={5}>
                                                     <Stack spacing={1} sx={{ mr: { md: 1 } }}>
                                                         <OutlinedInput
                                                             id="idNo-login"
@@ -988,7 +988,7 @@ const CustomFormWizard = (props) => {
                                                         )}
                                                     </Stack>
                                                 </Grid>
-                                                <Grid item xs={2} md={1}>
+                                                <Grid item xs={3} md={1}>
                                                     <Stack spacing={1}>
                                                         <OutlinedInput
                                                             id="checkDigit-login"
@@ -1002,7 +1002,7 @@ const CustomFormWizard = (props) => {
                                                             endAdornment={<InputAdornment position="end">)</InputAdornment>}
                                                             sx={{
                                                                 '& .MuiOutlinedInput-input': {
-                                                                    padding: '5px 5px 5px 5px', // Set the desired padding inline
+                                                                    padding: '5px 2px 5px 2px', // Set the desired padding inline
                                                                 },
                                                             }}
                                                             inputProps={{
@@ -1674,13 +1674,13 @@ const CustomFormWizard = (props) => {
                                     </Typography> */}
                                     </Stack>
                                 </Grid>
-                                <Grid item xs={12} md={12} >
+                                {/* <Grid item xs={12} md={12} >
                                     <Stack spacing={1}>
                                         <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]}>
                                             <FormattedMessage id="userIdDoc" />
                                         </Typography>
                                     </Stack>
-                                </Grid>
+                                </Grid> */}
 
                                 <Grid item xs={12} md={6} >
                                     <Stack spacing={1} direction="row">
@@ -1725,7 +1725,7 @@ const CustomFormWizard = (props) => {
                                     </Stack>
                                 </Grid>
                                 <Grid item xs={12}>
-                                    <Stack spacing={1} direction="row">
+                                    <Stack spacing={1} direction="column">
                                         <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]}>
                                             <FormattedMessage id="formAddress" />:
                                         </Typography>
@@ -1744,7 +1744,7 @@ const CustomFormWizard = (props) => {
                                                 </Typography>
                                                 : null}
                                             {selectedAddress5.type === "hongKong" ?
-                                                <Stack direction="row">
+                                                <Stack direction="column">
                                                     <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region" />:
                                                     </Typography>
@@ -1753,7 +1753,7 @@ const CustomFormWizard = (props) => {
                                                     </Typography>
                                                 </Stack>
                                                 : null}
-                                            <Stack direction="row">
+                                            <Stack direction="column">
                                                 <Typography variant="pnspsFormHeader" color={theme.palette.grey[600]} id="preview-address5-signup">
                                                     <FormattedMessage id="regionOrCountry" />:
                                                 </Typography>

src/pages/authentication/auth-forms/IAmSmartFormWizard.js

@@ -964,7 +964,7 @@ const CustomFormWizard = (props) => {
                                     </Stack>
                                 </Grid>
                                 <Grid item xs={12}>
-                                    <Stack spacing={1} direction="row">
+                                    <Stack spacing={1} direction="column">
                                         <Typography variant="h5" color={theme.palette.grey[600]}>
                                             <FormattedMessage id="formAddress" />:
                                         </Typography>
@@ -983,7 +983,7 @@ const CustomFormWizard = (props) => {
                                                 </Typography>
                                                 : null}
                                             {selectedAddress5.type === "hongKong" ?
-                                                <Stack direction="row">
+                                                <Stack direction="column">
                                                     <Typography variant="h5" color={theme.palette.grey[600]} id="preview-address4-signup">
                                                         <FormattedMessage id="region" />:
                                                     </Typography>
@@ -992,7 +992,7 @@ const CustomFormWizard = (props) => {
                                                     </Typography>
                                                 </Stack>
                                                 : null}
-                                            <Stack direction="row">
+                                            <Stack direction="column">
                                                 <Typography variant="h5" color={theme.palette.grey[600]} id="preview-address5-signup">
                                                     <FormattedMessage id="regionOrCountry" />:
                                                 </Typography>