From ec9fd6fd62ee6196371c78fef2a37d47d9b4e63b Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Fri, 13 Oct 2017 16:59:56 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20Sur=20/regle=20toutes=20les=20sections?=
 =?UTF-8?q?=20sont=20empil=C3=A9es=20verticalement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/rule/Algorithm.css | 15 +++------------
 source/components/rule/Examples.css  |  1 -
 source/components/rule/References.js |  2 +-
 source/components/rule/Rule.css      |  4 ++--
 source/components/rule/Rule.js       |  4 ++--
 5 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/source/components/rule/Algorithm.css b/source/components/rule/Algorithm.css
index afec654f7..3684feb51 100644
--- a/source/components/rule/Algorithm.css
+++ b/source/components/rule/Algorithm.css
@@ -3,11 +3,6 @@
 	Règles CSS d'affichage des algorithmes
 */
 
-#rule-rules {
-	display: inline-flex;
-	justify-content: start;
-	min-height: 5em;
-}
 
 #rule-rules .situationValue {
 	display: none;
@@ -21,11 +16,10 @@
 }
 
 #algorithm {
-	margin-right: 10em;
 }
 
 #rule-rules section {
-	margin: 1em 0 1em 3em;
+	margin: 1em 0 1em 0;
 	font-weight: 500;
 	color: #444
 }
@@ -209,9 +203,6 @@
 
 
 
-#rule-calc {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	align-items: baseline;
+#rule-content {
+	margin-left: 2em;
 }
diff --git a/source/components/rule/Examples.css b/source/components/rule/Examples.css
index c2a11d134..be83aa850 100644
--- a/source/components/rule/Examples.css
+++ b/source/components/rule/Examples.css
@@ -1,5 +1,4 @@
 #examples {
-	min-width: 30%;
 }
 
 #examples h2.subtitled {
diff --git a/source/components/rule/References.js b/source/components/rule/References.js
index b0b7c4fd8..c8242d6a7 100644
--- a/source/components/rule/References.js
+++ b/source/components/rule/References.js
@@ -26,7 +26,7 @@ export default class References extends React.Component {
 							<li id="complementary" key="compl">
 								<span className="meta" />
 								<a
-									href="#"
+									href="#/"
 									onClick={() => this.setState({ showComplementary: true })}
 								>
 										sources complémentaires
diff --git a/source/components/rule/Rule.css b/source/components/rule/Rule.css
index 78dac0f27..b27de78ca 100644
--- a/source/components/rule/Rule.css
+++ b/source/components/rule/Rule.css
@@ -4,9 +4,9 @@
 	padding-bottom: 10%;
 }
 
-@media screen and (min-width:800px) {
+@media screen and (min-width:860px) {
 	#rule {
-		width: 800px;
+		width: 860px;
 		margin: 0 auto;
 	}
 }
diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index 750175b65..a9835d404 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -79,7 +79,7 @@ export default class Rule extends Component {
 				</section>
 				<div
 					id="ruleValue"
-					style={{ visibility: situationExists ? "visible" : "hidden" }}
+					style={{ display: situationExists ? "block" : "none" }}
 				>
 					<h2>Résultat</h2>
 					<p>
@@ -91,7 +91,7 @@ export default class Rule extends Component {
 					</p>
 				</div>
 
-				<section id="rule-calc">
+				<section id="rule-content">
 					<Algorithm
 						traversedRule={situationOrExampleRule}
 						showValues={situationExists}