fix error layouts

src/components/structures/login/Login.js

@@ -373,15 +373,22 @@ module.exports = React.createClass({
             }
         }
 
+        let errorTextSection;
+        if (this.state.errorText) {
+            errorTextSection = (
+                <div className="mx_Login_error">
+                    { this.state.errorText }
+                </div>
+            );
+        }
+
         return (
             <LoginPage>
                 <div className="mx_Login_box">
                     <LoginHeader />
                     <div>
                         { header }
-                        <div className="mx_Login_error">
+                        { errorTextSection }
-                            { this.state.errorText }
-                        </div>
                         { this.componentForStep(this.state.currentFlow) }
                         { serverConfig }
                         <a className="mx_Login_create" onClick={this.props.onRegisterClick} href="#">

src/components/structures/login/Registration.js

@@ -397,8 +397,10 @@ module.exports = React.createClass({
         }
         else {
             header = <h2>{ _t('Create an account') }</h2>;
+            if (this.state.errorText) {
                 errorText = <div className="mx_Login_error">{ this.state.errorText }</div>;
             }
+        }
 
         return (
             <LoginPage>