update register form UI

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

@@ -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>