diff --git a/src/app/options/App/Onboarding/TOS/TOS.tsx b/src/app/options/App/Onboarding/TOS/TOS.tsx index cc4c8551b..0e829862e 100644 --- a/src/app/options/App/Onboarding/TOS/TOS.tsx +++ b/src/app/options/App/Onboarding/TOS/TOS.tsx @@ -14,6 +14,7 @@ import TOSCheckbox from './TOSCheckbox'; import OnboardingSteps from '../OnboardingAtoms/OnboardingSteps/OnboardingSteps'; const TOSTitle = styled.h3` + margin-bottom: 20px; font-size: 28px; font-weight: bold; text-align: center; @@ -28,8 +29,8 @@ const TOSList = styled.ol` `; const TOSListItem = styled.li` - margin-bottom: 20px; - font-size: 22px; + margin-bottom: 10px; + font-size: 18px; &:before { content: counter(TOS) '.'; @@ -109,10 +110,8 @@ export default ({ Pas de publicité - - Anonymat: Pas d’email ni de compte nécessaires pour naviguer - avec Bulles - + Anonymat: Pas d’email ni de compte nécessaires + pour naviguer avec Bulles Seules des données strictement utiles au diff --git a/src/app/options/App/Onboarding/TOS/TOSAlreadyAccepted.tsx b/src/app/options/App/Onboarding/TOS/TOSAlreadyAccepted.tsx index 216df4b6f..df8f52748 100644 --- a/src/app/options/App/Onboarding/TOS/TOSAlreadyAccepted.tsx +++ b/src/app/options/App/Onboarding/TOS/TOSAlreadyAccepted.tsx @@ -1,14 +1,19 @@ import React from 'react'; +import styled from 'styled-components'; import { ExternalLink } from 'components/atoms'; import TOSText from './TOSText'; +const Text = styled(TOSText)` + font-size: 16px; +`; + const TOSAlreadyAccepted = () => ( - + Vous avez accepté les{' '} conditions générales d'utilisation (CGU) - + ); export default TOSAlreadyAccepted; diff --git a/src/app/options/App/Onboarding/TOS/TOSCheckbox.tsx b/src/app/options/App/Onboarding/TOS/TOSCheckbox.tsx index caa179843..3cde7139a 100644 --- a/src/app/options/App/Onboarding/TOS/TOSCheckbox.tsx +++ b/src/app/options/App/Onboarding/TOS/TOSCheckbox.tsx @@ -13,6 +13,7 @@ const TOSForm = styled.form` label { margin-left: 12px; + font-size: 16px; } `;