diff --git a/source/components/ProgressTip.css b/source/components/ProgressTip.css index 3ac70656f..250b06694 100644 --- a/source/components/ProgressTip.css +++ b/source/components/ProgressTip.css @@ -6,12 +6,16 @@ } .progressTip svg { display: inline-block; - width: 58%; + width: 65%; margin-right: 2% } .progressTip p { display: inline-block; - width: 40%; + width: 30%; margin: .1em 0 1.6em; text-align: right; + font-weight: 600; } + +.progressTip i { + margin-right: .4em;} diff --git a/source/components/ProgressTip.js b/source/components/ProgressTip.js index 12e70a05a..6273f1051 100644 --- a/source/components/ProgressTip.js +++ b/source/components/ProgressTip.js @@ -16,7 +16,7 @@ export default class ProgressTip extends Component { let { nextSteps, foldedSteps, - themeColours: { colour }, + themeColours: { colour, textColourOnWhite }, conversationStarted } = this.props, nbQuestions = nextSteps.length @@ -37,10 +37,15 @@ export default class ProgressTip extends Component { strokeColor={colour} /> -

- {nbQuestions === 1 - ? 'une dernière question !' - : `moins de ${nbQuestions} questions`} +

+ {nbQuestions === 1 ? ( + 'dernière question !' + ) : ( + +