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;