From d4ba2ac1470abe7c2e34de9b346b00b6644367a3 Mon Sep 17 00:00:00 2001 From: Kevin Jennison Date: Mon, 29 Mar 2021 17:14:41 -0700 Subject: [PATCH] Update copy and fix link styling --- src/components/ImpactCounter.js | 4 ++-- src/components/OnboardingFlow.js | 18 ++++++++++++++---- 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/components/ImpactCounter.js b/src/components/ImpactCounter.js index 63761407..f925e4bb 100644 --- a/src/components/ImpactCounter.js +++ b/src/components/ImpactCounter.js @@ -85,8 +85,8 @@ const ImpactCounter = (props) => { className={classes.dropdownText} gutterBottom > - This shows how many treats you've provided to help shelter cats get - adopted. Every tab you open helps. Keep it up! + This shows how many treats your tabs can provide to help shelter + cats get adopted. Every tab you open helps. Keep it up! diff --git a/src/components/OnboardingFlow.js b/src/components/OnboardingFlow.js index 8734da7e..ff84a543 100644 --- a/src/components/OnboardingFlow.js +++ b/src/components/OnboardingFlow.js @@ -11,7 +11,7 @@ import onboarding3 from 'src/assets/onboarding/onboarding3.png' import PropTypes from 'prop-types' import Link from 'src/components/Link' -export const useStyles = makeStyles(() => ({ +export const useStyles = makeStyles((theme) => ({ card: { display: 'flex', width: '400px', @@ -43,6 +43,11 @@ export const useStyles = makeStyles(() => ({ justifyContent: 'flex-end', display: 'flex', }, + link: { + display: 'inline', + color: theme.palette.primary.main, + textDecoration: 'none', + }, })) export const onboardingStepContents = (classes) => [ @@ -79,9 +84,14 @@ export const onboardingStepContents = (classes) => [ align="center" className={classes.childrenTypography} > - Your tabs will help shelter cats get adopted by - - providing treats used in positive reinforcement training. + Your tabs support initiatives that help shelter cats get adopted, + including initiatives that{' '} + + use treats in positive reinforcement training.