Rename mx_Login_box to mx_AuthPage_modal and fold into AuthPage

res/css/structures/auth/_Login.scss

@@ -15,14 +15,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_Login_box {
-    width: 300px;
-    min-height: 450px;
-    padding-top: 50px;
-    padding-bottom: 50px;
-    margin: auto;
-}
-
 .mx_Login_support {
     text-align: center;
     font-size: 13px;

res/css/views/auth/_AuthPage.scss

@@ -30,3 +30,11 @@ limitations under the License.
   margin-top: 32px;
   margin-bottom: 20px;
 }
+
+.mx_AuthPage_modal {
+  width: 300px;
+  min-height: 450px;
+  padding-top: 50px;
+  padding-bottom: 50px;
+  margin: auto;
+}

src/components/structures/auth/ForgotPassword.js

@@ -281,10 +281,8 @@ module.exports = React.createClass({
 
         return (
             <AuthPage>
-                <div className="mx_Login_box">
                 <AuthHeader />
                 { resetPasswordJsx }
-                </div>
             </AuthPage>
         );
     },

src/components/structures/auth/Login.js

@@ -559,7 +559,6 @@ module.exports = React.createClass({
 
         return (
             <AuthPage>
-                <div className="mx_Login_box">
                 <AuthHeader />
                 <div>
                     { header }
@@ -573,7 +572,6 @@ module.exports = React.createClass({
                     <LanguageSelector />
                     <AuthFooter />
                 </div>
-                </div>
             </AuthPage>
         );
     },

src/components/structures/auth/PostRegistration.js

@@ -64,7 +64,6 @@ module.exports = React.createClass({
         const AuthHeader = sdk.getComponent('auth.AuthHeader');
         return (
             <AuthPage>
-                <div className="mx_Login_box">
                 <AuthHeader />
                 <div className="mx_Login_profile">
                     { _t('Set a display name:') }
@@ -75,7 +74,6 @@ module.exports = React.createClass({
                     <button onClick={this.props.onComplete}>{ _t('Continue') }</button>
                     { this.state.errorString }
                 </div>
-                </div>
             </AuthPage>
         );
     },

src/components/structures/auth/Registration.js

@@ -475,7 +475,6 @@ module.exports = React.createClass({
 
         return (
             <AuthPage>
-                <div className="mx_Login_box">
                 <AuthHeader
                     icon={this.state.teamSelected ?
                         this.props.teamServerConfig.teamServerURL + "/static/common/" +
@@ -488,7 +487,6 @@ module.exports = React.createClass({
                 { errorText }
                 <LanguageSelector />
                 <AuthFooter />
-                </div>
             </AuthPage>
         );
     },

src/components/views/auth/AuthPage.js

@@ -25,8 +25,10 @@ module.exports = React.createClass({
     render: function() {
         return (
             <div className="mx_AuthPage">
+                <div className="mx_AuthPage_modal">
                     { this.props.children }
                 </div>
+            </div>
         );
     },
 });