diff --git a/source/components/ProgressTip.css b/source/components/ProgressTip.css
index 137f6ca42..46f3dbcf0 100644
--- a/source/components/ProgressTip.css
+++ b/source/components/ProgressTip.css
@@ -1,5 +1,5 @@
.progressTip {
- max-width: 35em;
+ max-width: 40em;
margin: .2em auto;
diff --git a/source/components/Simu.css b/source/components/Simu.css
index 19ea563d8..0f5357230 100644
--- a/source/components/Simu.css
+++ b/source/components/Simu.css
@@ -1,3 +1,8 @@
+#simu {
+max-width: 40em;
+margin: 0 auto
+}
+
#focusZone {
min-height: 100%
}
diff --git a/source/components/Simu.js b/source/components/Simu.js
index fbbf8bb16..d213da4b1 100644
--- a/source/components/Simu.js
+++ b/source/components/Simu.js
@@ -13,7 +13,7 @@ export default class extends Component {
let { colours } = this.props
return (
- <>
+
@@ -22,7 +22,7 @@ export default class extends Component {
- >
+
)
}
}
diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css
index 3b3a0bae9..988c4d3d2 100644
--- a/source/components/TargetSelection.css
+++ b/source/components/TargetSelection.css
@@ -1,6 +1,4 @@
#targetsContainer {
- max-width: 40em;
- margin: 0 auto;
padding: 0.2em .5em;
@@ -8,9 +6,6 @@
box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.25)
}
-#targetsContainer > div {
- width: 100%;
-}
#targetSelection h1 {
margin: 0.6em;
@@ -57,7 +52,7 @@
}
#targetSelection .progressCircle i {
color: #5de662;
- font-size: 180%
+ font-size: 220%
}
#targetSelection label {
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 4289da1fa..f46b16ae6 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -3,6 +3,9 @@
text-align: center
}
+.scrollIndication.down {
+ margin-bottom: 1em;}
+
#foldedSteps {
padding: 1em 0 ;
margin-bottom: 1em;
@@ -10,7 +13,7 @@
#foldedSteps .header button {
display: block;
- margin: 0 auto .6em;
+ margin: 0 auto 1em;
}
#foldedSteps button i {
margin-right: 0.3em;