fixing the bad enter redirection

frontend/src/views/Login.vue

@@ -6,9 +6,10 @@
                 <text-input id="login" label="Pseudo"/>
                 <pwd-input id="password" label="Mot de passe"/>
             </div>
-                
-            <svg-button id="back" svg="/icons/back.svg"/>
-            <svg-button id="validate" svg="/icons/validate.svg"/>
+            <div class="submit-buttons">
+                <svg-button id="validate" svg="/icons/validate.svg"/>
+                <svg-button id="back" svg="/icons/back.svg"/>
+            </div> 
         </form>
     </div>
 </template>
@@ -95,6 +96,11 @@ export default {
     
 }
 
+.submit-buttons{
+    flex-direction: row-reverse;
+    display: flex;
+    justify-content: center;
+}
 
 
 *, ::before, ::after {

frontend/src/views/Register.vue

@@ -13,8 +13,10 @@
                 <error-message id="error-back"  errormessage="Tous les champs obligatoires ne sont pas remplis." v-show="this.showNotFilledError"/>
                 
             </div>
-            <svg-button id="back" svg="/icons/back.svg"/>
-            <svg-button id="validate" svg="/icons/validate.svg"/>
+            <div class="submit-buttons">
+                <svg-button id="validate" svg="/icons/validate.svg"/>
+                <svg-button id="back" svg="/icons/back.svg"/>
+            </div> 
         </form>
     </div>
 </template>
@@ -128,6 +130,13 @@ function validateEmail (email) {
 }
 
 
+.submit-buttons{
+    flex-direction: row-reverse;
+    display: flex;
+    justify-content: center;
+}
+
+
 *, ::before, ::after {
     box-sizing: border-box;
 }