From 3860488c3f1f7837e8ab95766a4ae09f0c532f81 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Mon, 25 Jun 2018 15:10:23 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20am=C3=A9liore=20le=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/inFranceApp/Landing.css     |  4 ++--
 .../inFranceApp/ui/Button/button.css          | 20 +++++++++----------
 source/components/inFranceApp/ui/index.css    |  6 ++++++
 3 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/source/components/inFranceApp/Landing.css b/source/components/inFranceApp/Landing.css
index a5038e781..a2b5277f8 100644
--- a/source/components/inFranceApp/Landing.css
+++ b/source/components/inFranceApp/Landing.css
@@ -3,7 +3,7 @@
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
-	height: 80vh;
+	min-height: 80vh;
 	color: white;
 }
 .landing__header h1 {
@@ -19,7 +19,7 @@
 	font-weight: lighter;
 }
 .landing__header a {
-	margin-top: 6rem;
+	margin: 6rem auto;
 }
 
 .landing__reassurance {
diff --git a/source/components/inFranceApp/ui/Button/button.css b/source/components/inFranceApp/ui/Button/button.css
index bab126b21..f68d8a1b8 100644
--- a/source/components/inFranceApp/ui/Button/button.css
+++ b/source/components/inFranceApp/ui/Button/button.css
@@ -1,8 +1,6 @@
 .ui__cta-button:active,
-.ui__cta-button:focus,
-.ui__button:active,
-.ui__button:focus {
-	animation: push-button-down 0.15s ease-out alternate-reverse 2;
+.ui__button:active {
+	animation: push-button-down 0.1s ease-out alternate-reverse 2;
 }
 
 .ui__button,
@@ -12,7 +10,7 @@
 	padding: 0.8rem 1.6rem;
 	text-decoration: none;
 	border: 1px solid;
-	outline: none;
+	/* outline: none; */
 	display: inline-block;
 	border-radius: 0.6rem;
 	transition: all 0.2s;
@@ -55,28 +53,30 @@
 
 .ui__skip-button {
 	opacity: 0.6;
+	border-color: black;
+	color: black;
 }
 .ui__skip-button:hover {
 	opacity: 0.8;
 	transform: translateX(3px);
 }
-.ui__skip-button:focus,
+
 .ui__skip-button:active {
-	animation: push-button-right 0.15s ease-out alternate-reverse 2;
+	animation: push-button-right 0.1s ease-out alternate-reverse 2;
 }
 
 @keyframes push-button-down {
 	from {
-		transform: translate3d(0, 5px, 5px);
+		transform: translateY(3px);
 	}
 	to {
-		transform: translate3d(0, 0, 0);
+		transform: translate3d(0);
 	}
 }
 
 @keyframes push-button-right {
 	from {
-		transform: translate3d(5px, 0, 5px);
+		transform: translate3d(5px, 0, 0);
 	}
 	to {
 		transform: translate3d(3px, 0, 0);
diff --git a/source/components/inFranceApp/ui/index.css b/source/components/inFranceApp/ui/index.css
index 3056e1eab..937c64a38 100644
--- a/source/components/inFranceApp/ui/index.css
+++ b/source/components/inFranceApp/ui/index.css
@@ -6,3 +6,9 @@
 	margin: 0 auto;
 	padding: 2rem;
 }
+
+.ui__answer-group {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+}