Change email and username position

components/sesyon/koneksyon.js

@@ -280,19 +280,7 @@ function Koneksyon({chimen}) {
           </Button>
         </TabPanel>
         <TabPanel value={value} index={1}>
-          <FormControl fullWidth autoComplete='off'>
+          <FormControl fullWidth style={{marginTop: '1em'}}>
-            <InputLabel htmlFor='register-username'>Nom d’utilisateur</InputLabel>
-            <Input
-              value={registerCredentials.username}
-              autoComplete='username'
-              name='register-username'
-              type='text'
-              id='register-username'
-              onChange={event => handleRegisterUpdate({username: event.target.value})}
-              onKeyUp={handleKeyUpRegister}
-            />
-          </FormControl>
-          <FormControl fullWidth style={{marginTop: '1em'}} autoComplete='off'>
             <InputLabel htmlFor='register-email'>Email</InputLabel>
             <Input
               value={registerCredentials.email}
@@ -304,6 +292,18 @@ function Koneksyon({chimen}) {
               onKeyUp={handleKeyUpRegister}
             />
           </FormControl>
+          <FormControl fullWidth>
+            <InputLabel htmlFor='register-username'>Nom d’utilisateur</InputLabel>
+            <Input
+              value={registerCredentials.username}
+              autoComplete='username'
+              name='register-username'
+              type='text'
+              id='register-username'
+              onChange={event => handleRegisterUpdate({username: event.target.value})}
+              onKeyUp={handleKeyUpRegister}
+            />
+          </FormControl>
           <FormControl fullWidth style={{marginTop: '1em'}}>
             <InputLabel htmlFor='password'>Mot de passe</InputLabel>
             <Input