From 91b2014b02a878ff1649fe95624b18f4125b09d5 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Tue, 3 Oct 2017 15:12:08 +0200
Subject: [PATCH] :art: Centrage du bouton de signalement d'erreur

---
 source/components/rule/Examples.css |  9 ---------
 source/components/rule/Examples.js  |  6 ------
 source/components/rule/Rule.css     | 11 +++++++++++
 source/components/rule/Rule.js      |  6 ++++++
 4 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/source/components/rule/Examples.css b/source/components/rule/Examples.css
index 1313372f4..c2a11d134 100644
--- a/source/components/rule/Examples.css
+++ b/source/components/rule/Examples.css
@@ -65,12 +65,3 @@
 #examples .example.ok i {
 	color: #2ecc71
 }
-
-#reportError {
-	background: #c0392b;
-	color: white;
-	border: none;
-	font-size: 100%;
-	padding: .3em .6em;
-	margin-top: 3em;
-}
diff --git a/source/components/rule/Examples.js b/source/components/rule/Examples.js
index b4fdbede8..a994bc29e 100644
--- a/source/components/rule/Examples.js
+++ b/source/components/rule/Examples.js
@@ -80,12 +80,6 @@ export default class Examples extends Component {
 					</button>
 				</div>
 				}
-				<button
-					id="reportError">
-					<a href={"mailto:contact@embauche.beta.gouv.fr?subject=Erreur dans une règle " + name}>
-						<i className="fa fa-exclamation-circle" aria-hidden="true" style={{marginRight: '.6em'}}></i>Signaler une erreur
-					</a>
-				</button>
 			</div>
 		)
 	}
diff --git a/source/components/rule/Rule.css b/source/components/rule/Rule.css
index 6990cac65..644e9a4fe 100644
--- a/source/components/rule/Rule.css
+++ b/source/components/rule/Rule.css
@@ -357,3 +357,14 @@
 	justify-content: space-between;
 	align-items: baseline;
 }
+
+
+#reportError {
+	background: #c0392b;
+	color: white;
+	border: none;
+	font-size: 100%;
+	padding: .3em .6em;
+	margin: 3em auto 0;
+	display: block;
+}
diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index e31eb1da3..8c66eb84b 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -124,6 +124,12 @@ export default class Rule extends Component {
 						showValues={this.state.showValues}
 						inject={example => this.setState({example, showValues: true})}/>
 				</section>
+				<button
+					id="reportError">
+					<a href={"mailto:contact@embauche.beta.gouv.fr?subject=Erreur dans une règle " + name}>
+						<i className="fa fa-exclamation-circle" aria-hidden="true" style={{marginRight: '.6em'}}></i>Signaler une erreur
+					</a>
+				</button>
 			</div>
 		)
 	}