🎨 Amelioration du texte d'avancement

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;}

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}
 					/>
 
-					<p>
-						{nbQuestions === 1
-							? 'une dernière question !'
-							: `moins de ${nbQuestions} questions`}
+					<p style={{ color: textColourOnWhite }}>
+						{nbQuestions === 1 ? (
+							'dernière question !'
+						) : (
+							<span>
+								<i className="fa fa-minus-square-o" aria-hidden="true" />
+								{` de ${nbQuestions} questions`}
+							</span>
+						)}
 					</p>
 				</div>
 			)