From fb73ed5cbf6c7f40759f6778eb3b2724d098b707 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Tue, 23 Jul 2019 14:44:01 +0200
Subject: [PATCH] :art: Alingement des expressions sur mobile

---
 source/components/rule/Algorithm.css  |  2 +-
 source/engine/mecanismViews/common.js | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/source/components/rule/Algorithm.css b/source/components/rule/Algorithm.css
index 32d6b2c4c..f2a83e3cb 100644
--- a/source/components/rule/Algorithm.css
+++ b/source/components/rule/Algorithm.css
@@ -29,7 +29,7 @@
 	align-items: baseline;
 	flex-direction: row;
 	flex-wrap: wrap;
-	justify-content: space-between;
+	justify-content: space-between
 }
 .nodeContent {
 	margin-right: 0.3em;
diff --git a/source/engine/mecanismViews/common.js b/source/engine/mecanismViews/common.js
index add8ea619..ef12ed632 100644
--- a/source/engine/mecanismViews/common.js
+++ b/source/engine/mecanismViews/common.js
@@ -63,12 +63,18 @@ export class Node extends Component {
 						</div>
 					)
 				) : (
-					<>
+					<span
+						css={`
+							@media (max-width: 1200px) {
+								width: 100%;
+								text-align: right;
+							}
+						`}>
 						{value !== true && value !== false && !isNil(value) && (
-							<span className="operator"> = </span>
+							<span className="operator"> =&nbsp;</span>
 						)}
 						<NodeValuePointer data={value} unit={unit} />
-					</>
+					</span>
 				)}
 			</div>
 		)