More sm/md

Author: dbkr

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/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/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")}

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

@@ -135,7 +135,7 @@ const SSOButton: React.FC<ISSOButtonProps> = ({
     }
 
     return (
-        <Button {...commonProps} size="sm">
+        <Button {...commonProps} size="md">
             {icon}
             {label}
         </Button>

apps/web/src/components/views/right_panel/ExtensionsCard.tsx

@@ -191,7 +191,7 @@ const ExtensionsCard: React.FC<Props> = ({ room, onClose }) => {
     return (
         <BaseCard header={_t("right_panel|extensions_button")} className="mx_ExtensionsCard" onClose={onClose}>
             {shouldShowComponent(UIComponent.AddIntegrations) && (
-                <Button size="sm" onClick={onManageIntegrations} kind="secondary" Icon={PlusIcon}>
+                <Button size="md" onClick={onManageIntegrations} kind="secondary" Icon={PlusIcon}>
                     {_t("right_panel|add_integrations")}
                 </Button>
             )}

apps/web/src/components/views/rooms/MemberList/MemberListHeaderView.tsx

@@ -47,7 +47,7 @@ const InviteButton: React.FC<Props> = ({ vm }) => {
                     className="mx_MemberListHeaderView_invite_small"
                     kind="secondary"
                     onClick={vm.onInviteButtonClick}
-                    size="sm"
+                    size="md"
                     iconOnly={true}
                     Icon={InviteIcon}
                     disabled={disabled}
@@ -63,7 +63,7 @@ const InviteButton: React.FC<Props> = ({ vm }) => {
         <InviteTooltip canInvite={vm.canInvite}>
             <Button
                 kind="secondary"
-                size="sm"
+                size="md"
                 Icon={UserAddIcon}
                 className="mx_MemberListHeaderView_invite_large"
                 disabled={!vm.canInvite}

apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx

@@ -117,7 +117,7 @@ function RoomHeaderButtons({
             }
         >
             <Button
-                size="sm"
+                size="md"
                 onClick={videoClick}
                 // If we know this is a voice session, show the voice call. All other kinds of call are video calls.
                 Icon={activeCallSessionType === CallType.Voice ? VoiceCallIcon : VideoCallIcon}

apps/web/src/components/views/rooms/UserIdentityWarning.tsx

@@ -122,7 +122,7 @@ function warningBanner(
             <div className="mx_UserIdentityWarning_row">
                 {avatar}
                 <span className={classNames("mx_UserIdentityWarning_main", { critical: isCritical })}>{title}</span>
-                <Button kind="secondary" size="sm" onClick={onButtonClick}>
+                <Button kind="secondary" size="md" onClick={onButtonClick}>
                     {action}
                 </Button>
             </div>

apps/web/src/components/views/settings/PowerLevelSelector.tsx

@@ -129,7 +129,7 @@ export function PowerLevelSelector({
             })}
 
             <Button
-                size="sm"
+                size="md"
                 kind="primary"
                 // mx_Dialog_nonDialogButton is necessary to avoid the Dialog CSS to override the button style
                 className="mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"