🎨 La page était plus grande que la fenêtre du navigateur

source/components/Results.css

@@ -1,9 +1,15 @@
+
+#resultsWrapper {
+	height: 40%;
+	display: flex;
+	align-items: flex-end;
+}
 #results {
+	position: relative;
 	margin: 0 auto;
 	padding: .1em .3em;
 	width: 95%;
 	max-width: 45em;
-	margin: 0 auto;
 	background: #2975D1;
 	color: white;
 	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);

source/components/Results.js

@@ -36,6 +36,7 @@ export default class Results extends Component {
 
 		let onRulePage = R.contains('/regle/')(location.pathname)
 		return (
+			<div id="resultsWrapper">
 			<section ref={el => this.el = el} id="results">
 				{onRulePage && conversationStarted ?
 					<div id ="results-actions">
@@ -61,6 +62,7 @@ export default class Results extends Component {
 					</li>)}
 				</ul>
 			</section>
+			</div>
 		)
 	}
 }

source/components/Simulateur.css

@@ -1,18 +1,14 @@
 #sim {
-	margin: 1% auto;
-	/*background-image: radial-gradient(ellipse at center, white -160%, rgba(255,255,255,0) 100%);*/
-	/*background-image: radial-gradient(ellipse at center, #4A89DC -160%,#333350 70%);*/
+	margin: 3% auto;
+
 	color: #333350;
 	transition: background-color .5s;
 	height: 100%;
-	padding-bottom: 10%;
-
-	padding: 1em;
 	width: 90%;
 	max-width: 45em;
 	font-size: 130%;
 
-	height: 100%;
+	height: 92%;
 
 }
 

source/components/conversation/Conversation.js

@@ -29,11 +29,11 @@ export default class Conversation extends Component {
 			nextSteps
 		} = this.props
 
-		scroller.scrollTo('myScrollToElement', {
-			duration: 200,
-			delay: 100,
-			smooth: true
-		})
+		// scroller.scrollTo('myScrollToElement', {
+		// 	duration: 200,
+		// 	delay: 100,
+		// 	smooth: true
+		// })
 
 		return (
 			<>

source/components/conversation/conversation.css

@@ -1,7 +1,7 @@
 
 
 #myScrollToElement {
-	height: 60%;
+	height: 55%;
 }
 
 #foldedSteps {
@@ -542,3 +542,10 @@ for the appearing element to appear without stacking up below the first one */
 	border-radius: .2em;
 	transition: .2s opacity;
 }
+
+
+@media screen and (max-width:860px) {
+	.keyIcon {
+		display: none;
+	}
+}