diff --git a/res/css/views/dialogs/_HostSignupDialog.scss b/res/css/views/dialogs/_HostSignupDialog.scss index 316b7bc06c..2ef27614ec 100644 --- a/res/css/views/dialogs/_HostSignupDialog.scss +++ b/res/css/views/dialogs/_HostSignupDialog.scss @@ -34,9 +34,12 @@ limitations under the License. .mx_HostSignupDialog_buttons { margin-bottom: 24px; + display: flex; + justify-content: center; button { padding: 12px; + margin: 0 16px; } } } diff --git a/src/components/views/dialogs/HostSignupDialog.tsx b/src/components/views/dialogs/HostSignupDialog.tsx index c2cbe382e8..430fd54b45 100644 --- a/src/components/views/dialogs/HostSignupDialog.tsx +++ b/src/components/views/dialogs/HostSignupDialog.tsx @@ -245,25 +245,36 @@ export default class HostSignupDialog extends React.PureComponent; })} + {this.config.info.additionalInfoLink && +

+ + {this.config.info.additionalInfoLink.text} + +

+ } } - {this.config.info.additionalInfoLink && -

- - {this.config.info.additionalInfoLink.text} - -

- }
- {/*TODO: what about accessibility? the signup flow is possibly not reader optimized*/} - - + + + + + +
{this.config.info.footer &&