diff --git a/app/soapbox/features/auth_login/components/consumers-list.tsx b/app/soapbox/features/auth_login/components/consumers-list.tsx index 368bc63f4..84f65d900 100644 --- a/app/soapbox/features/auth_login/components/consumers-list.tsx +++ b/app/soapbox/features/auth_login/components/consumers-list.tsx @@ -1,7 +1,8 @@ import { List as ImmutableList } from 'immutable'; import React from 'react'; +import { FormattedMessage } from 'react-intl'; -import { HStack } from 'soapbox/components/ui'; +import { Card, HStack, Text } from 'soapbox/components/ui'; import { useAppSelector } from 'soapbox/hooks'; import ConsumerButton from './consumer-button'; @@ -15,11 +16,16 @@ const ConsumersList: React.FC = () => { if (providers.size > 0) { return ( - - {providers.map(provider => ( - - ))} - + + + + + + {providers.map(provider => ( + + ))} + + ); } else { return null; diff --git a/app/soapbox/features/auth_login/components/login_form.tsx b/app/soapbox/features/auth_login/components/login_form.tsx index 24e4e3740..5b1f6f733 100644 --- a/app/soapbox/features/auth_login/components/login_form.tsx +++ b/app/soapbox/features/auth_login/components/login_form.tsx @@ -31,7 +31,7 @@ const LoginForm: React.FC = ({ isLoading, handleSubmit }) => {

- +