diff --git a/res/css/_components.scss b/res/css/_components.scss index 4fb7901cd0b..af6d7924bee 100644 --- a/res/css/_components.scss +++ b/res/css/_components.scss @@ -74,6 +74,7 @@ @import "./views/auth/_AuthHeader.scss"; @import "./views/auth/_AuthHeaderLogo.scss"; @import "./views/auth/_AuthPage.scss"; +@import "./views/auth/_CaptchaForm.scss"; @import "./views/auth/_CompleteSecurityBody.scss"; @import "./views/auth/_CountryDropdown.scss"; @import "./views/auth/_InteractiveAuthEntryComponents.scss"; diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss index 203e3ef61f1..df674f26e46 100644 --- a/res/css/views/auth/_AuthBody.scss +++ b/res/css/views/auth/_AuthBody.scss @@ -148,6 +148,10 @@ limitations under the License. > a { font-weight: $font-semi-bold; } + + &.mx_AuthBody_changeFlow_signIn { + margin: 6px auto 0; // TODO: Use a spacing variable + } } .mx_SSOButtons + .mx_AuthBody_changeFlow { diff --git a/res/css/views/auth/_CaptchaForm.scss b/res/css/views/auth/_CaptchaForm.scss new file mode 100644 index 00000000000..c8ddf355236 --- /dev/null +++ b/res/css/views/auth/_CaptchaForm.scss @@ -0,0 +1,22 @@ +/* +Copyright 2022 Suguru Hirahara <1k9jp7jt4@relay.firefox.com> + +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_CaptchaForm_recaptchaContainer { + .mx_CaptchaForm_recaptchaContainer_info, + .mx_CaptchaForm_recaptchaContainer_error { + margin: $spacing-12 auto; + } +} diff --git a/src/components/structures/auth/Registration.tsx b/src/components/structures/auth/Registration.tsx index d349205ab92..e989a87d8f8 100644 --- a/src/components/structures/auth/Registration.tsx +++ b/src/components/structures/auth/Registration.tsx @@ -570,7 +570,7 @@ export default class Registration extends React.Component { ); } - const signIn = + const signIn = { _t("Already have an account? Sign in here", {}, { a: sub => { sub }, }) } @@ -579,13 +579,14 @@ export default class Registration extends React.Component { // Only show the 'go back' button if you're not looking at the form let goBack; if (this.state.doingUIAuth) { - goBack = - { _t('Go back') } - ; + goBack =
+ + { _t('Go back') } + +
; } let body; diff --git a/src/components/views/auth/CaptchaForm.tsx b/src/components/views/auth/CaptchaForm.tsx index 7f718bae6dd..4ae9f1200ec 100644 --- a/src/components/views/auth/CaptchaForm.tsx +++ b/src/components/views/auth/CaptchaForm.tsx @@ -124,19 +124,22 @@ export default class CaptchaForm extends React.Component +
{ this.state.errorText }
); } return ( -
-

{ _t( +

+

{ _t( "This homeserver would like to make sure you are not a robot.", ) }

-
- { error } +
+
{ error }
); }