From c7867fa91ac64205573ba6fe6d123d358368c797 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Tue, 3 Jul 2018 18:57:12 +0200
Subject: [PATCH] petits ajustements sur les animations et l'ordre des elements

---
 source/components/Simu.js                           |  3 +--
 .../inFranceApp/Steps/Create/RegisteringProcess.js  | 13 ++++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/source/components/Simu.js b/source/components/Simu.js
index 104ba2fc7..84141bfac 100644
--- a/source/components/Simu.js
+++ b/source/components/Simu.js
@@ -43,7 +43,6 @@ export default class Simu extends Component {
 							height: displayResults ? 'auto' : 0,
 							opacity: displayResults ? 1 : 0
 						}}
-						delay={2000}
 						native>
 						{styles => (
 							<animated.div
@@ -53,7 +52,7 @@ export default class Simu extends Component {
 									overflow: 'hidden',
 									flexWrap: 'wrap',
 									fontSize: '110%',
-									justifyContent: 'space-between'
+									justifyContent: 'space-evenly'
 								}}>
 								<button
 									className="ui__ link-button"
diff --git a/source/components/inFranceApp/Steps/Create/RegisteringProcess.js b/source/components/inFranceApp/Steps/Create/RegisteringProcess.js
index 380dc76cb..1250e71a6 100644
--- a/source/components/inFranceApp/Steps/Create/RegisteringProcess.js
+++ b/source/components/inFranceApp/Steps/Create/RegisteringProcess.js
@@ -17,15 +17,15 @@ const RegisterMyCompany = ({ match }: Props) => (
 			register your company with the French administration.
 		</p>
 		<ul className="ui__ no-bullet">
+			<li>
+				<input type="checkbox" checked /> Choose the legal status
+			</li>
 			<li>
 				<input type="checkbox" /> Finding a corporate name and a trade name
 			</li>
 			<li>
 				<input type="checkbox" /> Find a space (or work at home)
 			</li>
-			<li>
-				<input type="checkbox" checked /> Choose the legal status
-			</li>
 			<li>
 				<input type="checkbox" /> Register your company online on{' '}
 				<a href="https://www.guichet-entreprises.fr/en/">
@@ -52,13 +52,16 @@ const RegisterMyCompany = ({ match }: Props) => (
 		</ul>
 		<p>
 			You can add this page to your favorite and keep track of your progress in
-			the different administrative tasks. Now that you have a properly
+			the different administrative tasks. 
+			</p><p>Now that you have a properly
 			registered company, the next steps is to{' '}
 			<strong>hire your first employee</strong>
 		</p>
-		<Link className="ui__ button cta" to="/hiring-and-social-security">
+		<div style={{textAlign: 'center'}}>
+		<Link className="ui__ button" to="/hiring-and-social-security">
 			Simulate hiring cost in France
 		</Link>
+		</div>
 	</Animate.fromBottom>
 )