diff --git a/source/components/ProgressTip.css b/source/components/ProgressTip.css index 30c7bfce1..c7b5538d6 100644 --- a/source/components/ProgressTip.css +++ b/source/components/ProgressTip.css @@ -1,8 +1,17 @@ .progressTip { - text-align: center; max-width: 35em; margin: 0 auto; + + +} +.progressTip svg { + display: inline-block; + width: 58%; + margin-right: 2% } .progressTip p { - margin: .1em 0 2em + display: inline-block; + width: 40%; + margin: .1em 0 1.6em; + text-align: right; } diff --git a/source/components/ProgressTip.js b/source/components/ProgressTip.js index a3079a5c5..4d2886ce5 100644 --- a/source/components/ProgressTip.js +++ b/source/components/ProgressTip.js @@ -21,8 +21,6 @@ export default class ProgressTip extends Component { } = this.props, nbQuestions = nextSteps.length - console.log(colour, 'tc') - if (!conversationStarted) return null return ( nbQuestions != 0 && ( @@ -32,15 +30,15 @@ export default class ProgressTip extends Component { percent={ 100 * foldedSteps.length / (foldedSteps.length + nbQuestions) } - trailWidth=".3" - strokeWidth="1" + trailWidth="1" + strokeWidth="2" strokeColor={colour} /> )}
{nbQuestions === 1 - ? 'Une dernière question !' - : `Moins de ${nbQuestions} questions`} + ? 'une dernière question !' + : `moins de ${nbQuestions} questions`}
)