Merge branch 'develop' into call-toasts

Author: robintown

apps/web/src/async-components/structures/ErrorView.tsx

@@ -192,11 +192,11 @@ export const UnsupportedBrowserView: React.FC<{
             </Text>
 
             <Flex gap="var(--cpd-space-4x)" className="mx_ErrorView_flexContainer mx_ErrorView_buttons">
-                <Button Icon={PopOutIcon} kind="secondary" size="sm">
+                <Button Icon={PopOutIcon} kind="secondary" size="md">
                     {_t("incompatible_browser|learn_more")}
                 </Button>
                 {onAccept && (
-                    <Button kind="primary" size="sm" onClick={onAccept}>
+                    <Button kind="primary" size="md" onClick={onAccept}>
                         {_t("incompatible_browser|continue")}
                     </Button>
                 )}

apps/web/src/components/structures/auth/ForgotPassword.tsx

@@ -419,7 +419,7 @@ export default class ForgotPassword extends React.Component<Props, State> {
                             </StyledCheckbox>
                         </div>
                         {this.state.errorText && <ErrorMessage message={this.state.errorText} />}
-                        <Button type="submit" className="mx_Login_submit" size="sm">
+                        <Button type="submit" className="mx_Login_submit" size="md">
                             {submitButtonChild}
                         </Button>
                     </fieldset>
@@ -434,7 +434,7 @@ export default class ForgotPassword extends React.Component<Props, State> {
                 <CheckIcon className="mx_Icon mx_Icon_32 mx_Icon_accent" />
                 <h1>{_t("auth|reset_password|reset_successful")}</h1>
                 {this.state.logoutDevices ? <p>{_t("auth|reset_password|devices_logout_success")}</p> : null}
-                <Button className="mx_Login_submit" size="sm" type="button" onClick={this.props.onComplete}>
+                <Button className="mx_Login_submit" size="md" type="button" onClick={this.props.onComplete}>
                     {_t("auth|reset_password|return_to_login")}
                 </Button>
             </>

apps/web/src/components/structures/auth/Login.tsx

@@ -441,7 +441,7 @@ class LoginComponent extends React.PureComponent<IProps, IState> {
             <Button
                 className="mx_Login_fullWidthButton"
                 kind="primary"
-                size="sm"
+                size="md"
                 onClick={async () => {
                     await startOidcLogin(
                         this.props.serverConfig.delegatedAuthentication!,

apps/web/src/components/structures/auth/Registration.tsx

@@ -550,7 +550,7 @@ export default class Registration extends React.Component<IProps, IState> {
                 <Button
                     className="mx_Login_fullWidthButton"
                     kind="primary"
-                    size="sm"
+                    size="md"
                     onClick={async () => {
                         await startOidcLogin(
                             this.props.serverConfig.delegatedAuthentication!,

apps/web/src/components/structures/auth/forgot-password/CheckEmail.tsx

@@ -55,7 +55,7 @@ export const CheckEmail: React.FC<CheckEmailProps> = ({
                 </div>
             </div>
             {errorText && <ErrorMessage message={errorText} />}
-            <Button onClick={onSubmitForm} type="button" className="mx_Login_submit" size="sm">
+            <Button onClick={onSubmitForm} type="button" className="mx_Login_submit" size="md">
                 {_t("action|next")}
             </Button>
             <div className="mx_AuthBody_did-not-receive">

apps/web/src/components/structures/auth/forgot-password/EnterEmail.tsx

@@ -75,7 +75,7 @@ export const EnterEmail: React.FC<EnterEmailProps> = ({
                         />
                     </div>
                     {errorText && <ErrorMessage message={errorText} />}
-                    <Button type="submit" className="mx_Login_submit" size="sm">
+                    <Button type="submit" className="mx_Login_submit" size="md">
                         {submitButtonChild}
                     </Button>
                     <div className="mx_AuthBody_button-container">

apps/web/src/components/views/auth/DefaultWelcome.tsx

@@ -32,14 +32,14 @@ const DefaultWelcome: React.FC = () => {
             {isElement && <Text size="md">{_t("welcome|tagline_element")}</Text>}
 
             <div className="mx_DefaultWelcome_buttons">
-                <Button as="a" href="#/login" kind="primary" size="sm">
+                <Button as="a" href="#/login" kind="primary" size="md">
                     {_t("action|sign_in")}
                 </Button>
-                <Button as="a" href="#/register" kind="secondary" size="sm">
+                <Button as="a" href="#/register" kind="secondary" size="md">
                     {_t("action|create_account")}
                 </Button>
                 {showGuestFunctions && (
-                    <Button as="a" href="#/directory" kind="tertiary" size="sm">
+                    <Button as="a" href="#/directory" kind="tertiary" size="md">
                         {_t("action|explore_rooms")}
                     </Button>
                 )}

apps/web/src/components/views/auth/PasswordLogin.tsx

@@ -434,7 +434,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
                     />
                     {forgotPasswordJsx}
                     {!this.props.busy && (
-                        <Button className="mx_Login_submit" size="sm" type="submit" disabled={this.props.disableSubmit}>
+                        <Button className="mx_Login_submit" size="md" type="submit" disabled={this.props.disableSubmit}>
                             {_t("action|sign_in")}
                         </Button>
                     )}

apps/web/src/components/views/auth/RegistrationForm.tsx

@@ -549,7 +549,7 @@ export default class RegistrationForm extends React.PureComponent<IProps, IState
 
     public render(): ReactNode {
         const registerButton = (
-            <Button className="mx_Login_submit" size="sm" type="submit" disabled={!this.props.canSubmit}>
+            <Button className="mx_Login_submit" size="md" type="submit" disabled={!this.props.canSubmit}>
                 {_t("action|register")}
             </Button>
         );

apps/web/src/components/views/elements/BugReportDialogButton.tsx

@@ -34,7 +34,7 @@ export function BugReportDialogButton({
         return null;
     }
     return (
-        <Button kind="secondary" size="sm" onClick={onClick}>
+        <Button kind="secondary" size="md" onClick={onClick}>
             {bugReportUrl === BugReportEndpointURLLocal
                 ? _t("bug_reporting|download_logs")
                 : _t("bug_reporting|submit_debug_logs")}