fix white spacing on login form

prcolaco · Jul 26, 2017 · 5349525 · 5349525
1 parent 7d4a2fe
commit 5349525
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,4 @@
+
 # Steemit.com
 
 

diff --git a/src/app/components/modules/LoginForm.jsx b/src/app/components/modules/LoginForm.jsx
@@ -198,7 +198,7 @@ class LoginForm extends Component {
                     <div className="info">{tt('loginform_jsx.this_operation_requires_your_key_or_master_password', {authType})}</div>
                 </div>}
                 <div>
-                    <label htmlFor="saveLogin">
+                    <label className="LoginForm__save-login" htmlFor="saveLogin">
                         {tt('loginform_jsx.keep_me_logged_in')} &nbsp;
                         <input id="saveLogin" type="checkbox" ref="pw" {...saveLogin.props} onChange={this.saveLoginToggle} disabled={submitting} /></label>
                 </div>
@@ -224,8 +224,7 @@ class LoginForm extends Component {
             <div className="LoginForm row">
                 <div className="column">
                     {message}
-                        <h3>{tt('loginform_jsx.returning_users')}<span className="OpAction">{title}</span></h3>
-                    <br />
+                    <h3>{tt('loginform_jsx.returning_users')}<span className="OpAction">{title}</span></h3>
                     {form}
                 </div>
             </div>

diff --git a/src/app/components/modules/LoginForm.scss b/src/app/components/modules/LoginForm.scss
@@ -1,9 +1,11 @@
 .LoginForm {
+  max-width: 28rem;
+  margin: 1rem auto 0.5rem auto;
   label {
     text-transform: none;
   }
   form {
-    max-width: 440px;
+    margin-top: 1.5rem;
   }
   .button.sign-up {
       background-color: #4078C0 !important;
@@ -25,3 +27,7 @@
       margin-bottom: 2rem;
   }
 }
+
+.LoginForm__save-login {
+  margin-top: 0.5rem;
+}