Move passwords fields to the right

#134
boacausa · Apr 6, 2020 · 569a61a · 569a61a
1 parent 5a19e08
commit 569a61a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/app/javascript/containers/UserSettings/UserSettings.jsx b/app/javascript/containers/UserSettings/UserSettings.jsx
@@ -17,11 +17,15 @@ const UserSettings = () => {
                 </div>
 
                 <div className={classes.formInputs}>
-                    <TextInputWithLabel className={classes.textInput} label="Nome Completo" />
-                    <TextInputWithLabel className={classes.textInput} label="Email" />
-                    <TextInputWithLabel className={classes.textInput} label="Telefone" />
-                    <TextInputWithLabel className={classes.textInput} label="Senha" />
-                    <TextInputWithLabel className={classes.textInput} label="Confirmação de senha" />
+                    <div>
+                        <TextInputWithLabel className={classes.textInput} label="Nome Completo" />
+                        <TextInputWithLabel className={classes.textInput} label="Email" />
+                        <TextInputWithLabel className={classes.textInput} label="Telefone" />
+                    </div>
+                    <div>
+                        <TextInputWithLabel className={classes.textInput} label="Senha" />
+                        <TextInputWithLabel className={classes.textInput} label="Confirmação de senha" />
+                    </div>
                 </div>
             </div>
         </div>

diff --git a/app/javascript/containers/UserSettings/UserSettings.sass b/app/javascript/containers/UserSettings/UserSettings.sass
@@ -44,7 +44,8 @@
 
   .formInputs
     margin-top: 40px
-    margin-left: 50px
+    display: flex
+    justify-content: space-evenly
 
   .textInput
     margin-bottom: 20px