Login Buttons: Adjust styles (#5531)

src/components/auth/AuthPhoneNumber.tsx

@@ -241,18 +241,18 @@ const AuthPhoneNumber: FC<StateProps> = ({
           />
           {canSubmit && (
             isAuthReady ? (
-              <Button type="submit" ripple isLoading={authIsLoading}>{lang('LoginNext')}</Button>
+              <Button size="smaller" type="submit" ripple isLoading={authIsLoading}>{lang('LoginNext')}</Button>
             ) : (
               <Loading />
             )
           )}
           {isAuthReady && (
-            <Button isText ripple isLoading={authIsLoadingQrCode} onClick={handleGoToAuthQrCode}>
+            <Button size="smaller" isText ripple isLoading={authIsLoadingQrCode} onClick={handleGoToAuthQrCode}>
               {lang('LoginQRLogin')}
             </Button>
           )}
           {suggestedLanguage && suggestedLanguage !== language && continueText && (
-            <Button isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
+            <Button size="smaller" isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
           )}
         </form>
       </div>

src/components/auth/AuthQrCode.tsx

@@ -178,10 +178,10 @@ const AuthCode = ({
           <li><span>{lang('LoginQRHelp3')}</span></li>
         </ol>
         {isAuthReady && (
-          <Button isText onClick={habdleReturnToAuthPhoneNumber}>{lang('LoginQRCancel')}</Button>
+          <Button size="smaller" isText onClick={habdleReturnToAuthPhoneNumber}>{lang('LoginQRCancel')}</Button>
         )}
         {suggestedLanguage && suggestedLanguage !== language && continueText && (
-          <Button isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
+          <Button size="smaller" isText isLoading={isLoading} onClick={handleLangChange}>{continueText}</Button>
         )}
       </div>
     </div>

src/components/auth/AuthRegister.tsx

@@ -76,7 +76,7 @@ const AuthRegister: FC<StateProps> = ({
             autoComplete="family-name"
           />
           {isButtonShown && (
-            <Button type="submit" ripple isLoading={authIsLoading}>{lang('Next')}</Button>
+            <Button size="smaller" type="submit" ripple isLoading={authIsLoading}>{lang('Next')}</Button>
           )}
         </form>
       </div>

src/components/common/PasswordForm.tsx

@@ -155,7 +155,7 @@ const PasswordForm: FC<OwnProps> = ({
       </div>
       {description && <p className="description">{description}</p>}
       {onSubmit && (canSubmit || shouldShowSubmit) && (
-        <Button type="submit" ripple={!noRipple} isLoading={isLoading} disabled={!canSubmit}>
+        <Button size="smaller" type="submit" ripple={!noRipple} isLoading={isLoading} disabled={!canSubmit}>
           {submitLabel}
         </Button>
       )}