diff --git a/source/components/Results.css b/source/components/Results.css
index 6a3ceabd7..b2c1c7c1d 100644
--- a/source/components/Results.css
+++ b/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);
diff --git a/source/components/Results.js b/source/components/Results.js
index e2632e30d..58e102d24 100644
--- a/source/components/Results.js
+++ b/source/components/Results.js
@@ -36,6 +36,7 @@ export default class Results extends Component {
let onRulePage = R.contains('/regle/')(location.pathname)
return (
+
this.el = el} id="results">
{onRulePage && conversationStarted ?
@@ -61,6 +62,7 @@ export default class Results extends Component {
)}
+
)
}
}
diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css
index 85c5e72e9..d5c483f9e 100644
--- a/source/components/Simulateur.css
+++ b/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%;
}
diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js
index 7386371c1..af74a73af 100644
--- a/source/components/conversation/Conversation.js
+++ b/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 (
<>
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 4acdf5cf1..f0da34427 100644
--- a/source/components/conversation/conversation.css
+++ b/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;
+ }
+}