From 8f11e749d1edf6c3a4674e0fac1ed0900216adeb Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Thu, 5 Apr 2018 19:09:42 +0200
Subject: [PATCH] :art: Mise en valeur des boutons passer et explication

---
 source/components/conversation/Explicable.css |  4 +-
 .../conversation/IgnoreStepButton.css         |  7 +-
 .../components/conversation/conversation.css  | 71 +------------------
 3 files changed, 6 insertions(+), 76 deletions(-)

diff --git a/source/components/conversation/Explicable.css b/source/components/conversation/Explicable.css
index 04e01b0b1..95ead2a8b 100644
--- a/source/components/conversation/Explicable.css
+++ b/source/components/conversation/Explicable.css
@@ -11,12 +11,12 @@
 	display: inline-block;
 	margin-left: 0.4em;
 	padding: 0.15em;
-	opacity: 0.65;
+	opacity: 0.85;
 	border: 1px solid transparent;
 	border-radius: 1em;
 	cursor: pointer;
+	font-size: 120%;
 	vertical-align: baseline;
-	font-size: 95%;
 }
 
 .explicable .icon:hover {
diff --git a/source/components/conversation/IgnoreStepButton.css b/source/components/conversation/IgnoreStepButton.css
index 76873ae8a..22decd7de 100644
--- a/source/components/conversation/IgnoreStepButton.css
+++ b/source/components/conversation/IgnoreStepButton.css
@@ -5,11 +5,10 @@
 
 #ignoreButton, #ignoreButton:visited {
 	cursor: pointer;
-	color: #444;
-	font-weight: 200;
+	color: #222;
+	font-weight: 400;
 	text-decoration: none;
-	border-bottom: 1px solid #aaa;
-	font-size: 80%;
+	border-bottom: 1px solid #666;
 	line-height: 1.2em;
 	font-style: italic;
 }
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 21c621946..b72d5ac78 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -1,5 +1,5 @@
 .scrollIndication {
-    margin: .4em;
+    margin: .6em;
 	text-align: center
 }
 
@@ -35,75 +35,6 @@
 	opacity: 1;
 }
 
-.form-group {
-	position: relative;
-	margin-bottom: 4.5em;
-}
-
-.form-group.explicit > .group-content {
-	margin-left: 1em;
-	padding: 0.8em 0 0 1.3em;
-}
-
-.form-group.folded .group-content {
-	border: none;
-}
-
-.form-group .header {
-	margin: 4em 0 0.6em 0;
-}
-
-.group-items {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-
-/* Group items animation */
-
-.group-animated-enter {
-	opacity: 0;
-}
-
-.group-animated-enter.group-animated-enter-active {
-	opacity: 1;
-	transition: opacity 300ms ease-in;
-}
-
-.group-animated-leave {
-	opacity: 1;
-	transform: scaleY(1);
-}
-
-.group-animated-leave.group-animated-leave-active {
-	opacity: 0;
-	transform: scaleY(0);
-	transform-origin: top;
-	transition: opacity 200ms ease, transform 200ms ease-out;
-}
-
-/* END Group items animation */
-
-/* Group ignore buttons */
-.form-group .header #ignore {
-	margin-left: 3em;
-}
-
-.group-title {
-	position: relative;
-	display: inline-block;
-}
-.group-title h1 {
-	font-size: 100%;
-	font-weight: 400;
-	padding: 0.5em 0.8em;
-	margin: 0;
-	border-radius: 1em;
-	position: relative;
-	width: 100%;
-	border: 1px solid rgba(0, 0, 0, 0.3);
-}
-
 .step-question {
 	max-width: 70%;
 }