update combo spacing

src/pages/authentication/Register.js

@@ -184,6 +184,7 @@ const Register = () => {
                 disabled={true}
                 onClick={handleBack}
                 sx={{ mr: 1 }}
+                variant="h5"
               >
                 <Typography variant="h5">返回</Typography>
               </Button>
@@ -193,6 +194,7 @@ const Register = () => {
                 disabled={activeStep === 0}
                 onClick={handleBack}
                 sx={{ mr: 1 }}
+                variant="h5"
               >
                 <Typography variant="h5">返回</Typography>
               </Button>

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

@@ -964,8 +964,7 @@ const BusCustomFormWizard = (props) => {
                                             onChange={(event, newValue) => {
                                                 setSelectedAddress4(newValue);
                                             }}
-                                            size="small"
-                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, /*"#address4-combo": { padding: "0px 0px 0px 0px" },*/ "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
+                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, "#address4-combo": { padding: "0px 0px 0px 3px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
                                             renderInput={(params) => <TextField {...params} placeholder="區域 (只適用於香港)" />}
                                         />
                                         <Autocomplete
@@ -973,11 +972,10 @@ const BusCustomFormWizard = (props) => {
                                             id="address5-combo"
                                             value={selectedAddress5}
                                             options={address5ComboList}
-                                            size="small"
                                             onChange={(event, newValue) => {
                                                 if (newValue !== null) {
                                                     setSelectedAddress5(newValue);
-                                                    if (newValue == '香港') {
+                                                    if (newValue === '香港') {
                                                         setCheckCountry(false)
                                                     } else {
                                                         setSelectedAddress4("");
@@ -989,7 +987,7 @@ const BusCustomFormWizard = (props) => {
                                                 }
                                             }}
 
-                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, /*"#address5-combo": { padding: "0px 0px 0px 0px" },*/ "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
+                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, "#address5-combo": { padding: "0px 0px 0px 3px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
                                             renderInput={(params) => <TextField {...params} placeholder="國家/地區" />}
                                         />
                                         {formik.touched.address1 && formik.errors.address1 && (

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

@@ -1163,7 +1163,7 @@ const CustomFormWizard = (props) => {
                                             onChange={(event, newValue) => {
                                                 setSelectedAddress4(newValue);
                                             }}
-                                            sx={{ "& .MuiInputBase-root": { height: "48px" }, "#address4-combo": { padding: "0px 0px 0px 0px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
+                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, "#address4-combo": { padding: "0px 0px 0px 3px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
                                             renderInput={(params) => <TextField {...params} placeholder="區域 (只適用於香港)" />}
                                         />
                                         <Autocomplete
@@ -1186,7 +1186,7 @@ const CustomFormWizard = (props) => {
                                                 }
                                             }}
 
-                                            sx={{ "& .MuiInputBase-root": { height: "48px" }, "#address5-combo": { padding: "0px 0px 0px 0px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
+                                            sx={{ "& .MuiInputBase-root": { height: "41px" }, "#address5-combo": { padding: "0px 0px 0px 3px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }}
                                             renderInput={(params) => <TextField {...params} placeholder="國家/地區" />}
                                         />
                                         {formik.touched.address1 && formik.errors.address1 && (