diff --git a/res/css/_components.scss b/res/css/_components.scss
index 998e1754c8..92070483f5 100644
--- a/res/css/_components.scss
+++ b/res/css/_components.scss
@@ -24,6 +24,9 @@
@import "./structures/_ViewSource.scss";
@import "./structures/auth/_Login.scss";
@import "./views/auth/_AuthButtons.scss";
+@import "./views/auth/_AuthFooter.scss";
+@import "./views/auth/_AuthHeader.scss";
+@import "./views/auth/_AuthPage.scss";
@import "./views/auth/_InteractiveAuthEntryComponents.scss";
@import "./views/auth/_ServerConfig.scss";
@import "./views/avatars/_BaseAvatar.scss";
diff --git a/res/css/structures/auth/_Login.scss b/res/css/structures/auth/_Login.scss
index 1264d2a30f..a5f62089d6 100644
--- a/res/css/structures/auth/_Login.scss
+++ b/res/css/structures/auth/_Login.scss
@@ -1,5 +1,6 @@
/*
Copyright 2015, 2016 OpenMarket Ltd
+Copyright 2019 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@@ -14,23 +15,6 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-.mx_Login {
- width: 100%;
- height: 100%;
-
- display: flex;
- align-items: center;
- justify-content: center;
-
- overflow: auto;
-}
-
-.mx_Login h2 {
- font-weight: 300;
- margin-top: 32px;
- margin-bottom: 20px;
-}
-
.mx_Login_box {
width: 300px;
min-height: 450px;
@@ -39,16 +23,6 @@ limitations under the License.
margin: auto;
}
-.mx_Login_logo {
- text-align: center;
- height: 150px;
- margin-bottom: 45px;
-}
-
-.mx_Login_logo img {
- max-height: 100%
-}
-
.mx_Login_support {
text-align: center;
font-size: 13px;
@@ -115,19 +89,6 @@ limitations under the License.
color: $primary-fg-color;
}
-.mx_Login_links {
- display: block;
- text-align: center;
- margin-top: 15px;
- width: 100%;
- font-size: 13px;
- opacity: 0.8;
-}
-
-.mx_Login_links a:link {
- color: $primary-fg-color;
-}
-
.mx_Login_prompt {
padding-top: 15px;
padding-bottom: 15px;
diff --git a/res/css/views/auth/_AuthFooter.scss b/res/css/views/auth/_AuthFooter.scss
new file mode 100644
index 0000000000..4737513125
--- /dev/null
+++ b/res/css/views/auth/_AuthFooter.scss
@@ -0,0 +1,28 @@
+/*
+Copyright 2019 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_AuthFooter {
+ display: block;
+ text-align: center;
+ margin-top: 15px;
+ width: 100%;
+ font-size: 13px;
+ opacity: 0.8;
+}
+
+.mx_AuthFooter a:link {
+ color: $primary-fg-color;
+}
diff --git a/res/css/views/auth/_AuthHeader.scss b/res/css/views/auth/_AuthHeader.scss
new file mode 100644
index 0000000000..58df178aa9
--- /dev/null
+++ b/res/css/views/auth/_AuthHeader.scss
@@ -0,0 +1,25 @@
+/*
+Copyright 2019 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_AuthHeader_logo {
+ text-align: center;
+ height: 150px;
+ margin-bottom: 45px;
+}
+
+.mx_AuthHeader_logo img {
+ max-height: 100%
+}
diff --git a/res/css/views/auth/_AuthPage.scss b/res/css/views/auth/_AuthPage.scss
new file mode 100644
index 0000000000..d87a906275
--- /dev/null
+++ b/res/css/views/auth/_AuthPage.scss
@@ -0,0 +1,32 @@
+/*
+Copyright 2019 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_AuthPage {
+ width: 100%;
+ height: 100%;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ overflow: auto;
+}
+
+.mx_AuthPage h2 {
+ font-weight: 300;
+ margin-top: 32px;
+ margin-bottom: 20px;
+}
diff --git a/src/components/structures/auth/ForgotPassword.js b/src/components/structures/auth/ForgotPassword.js
index 6d5da4f2b7..7c763b0c77 100644
--- a/src/components/structures/auth/ForgotPassword.js
+++ b/src/components/structures/auth/ForgotPassword.js
@@ -183,9 +183,9 @@ module.exports = React.createClass({
},
render: function() {
- const LoginPage = sdk.getComponent("auth.LoginPage");
- const LoginHeader = sdk.getComponent("auth.LoginHeader");
- const LoginFooter = sdk.getComponent("auth.LoginFooter");
+ const AuthPage = sdk.getComponent("auth.AuthPage");
+ const AuthHeader = sdk.getComponent("auth.AuthHeader");
+ const AuthFooter = sdk.getComponent("auth.AuthFooter");
const ServerConfig = sdk.getComponent("auth.ServerConfig");
const Spinner = sdk.getComponent("elements.Spinner");
@@ -272,7 +272,7 @@ module.exports = React.createClass({
{ _t('Create an account') }