🎨 Avancement plus compact en hauteur

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

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}
 						/>
 					)}
 					<p>
 						{nbQuestions === 1
-							? 'Une dernière question !'
-							: `Moins de ${nbQuestions} questions`}
+							? 'une dernière question !'
+							: `moins de ${nbQuestions} questions`}
 					</p>
 				</div>
 			)