diff --git a/source/components/ComparativeSimulation.css b/source/components/ComparativeSimulation.css new file mode 100644 index 000000000..edb431ade --- /dev/null +++ b/source/components/ComparativeSimulation.css @@ -0,0 +1,30 @@ +#ComparativeSimulation { + padding: 0 1.5em; +} + +#ComparativeSimulation #simulationContent button { + padding: 0.6em 1em; + text-align: center; + border-radius: 6px; + font-weight: 500; +} +#ComparativeSimulation header { + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + justify-content: center; + align-items: center; + margin: 1em 0; +} +#ComparativeSimulation header > h1 { + font-size: 120%; + margin: 0.3em 0; +} + +#ComparativeSimulation .step-question h1 { + margin-top: 1rem; +} + +#ComparativeSimulation .conversationContainer { + margin-bottom: 10%; +} diff --git a/source/components/ComparativeSimulation.js b/source/components/ComparativeSimulation.js index bd7780308..24071d985 100644 --- a/source/components/ComparativeSimulation.js +++ b/source/components/ComparativeSimulation.js @@ -5,7 +5,7 @@ import Answers from 'Components/AnswerList' import Conversation from 'Components/conversation/Conversation' import withColours from 'Components/utils/withColours' import ComparativeTargets from 'Components/ComparativeTargets' -import './GenericSimulation.css' +import './ComparativeSimulation.css' import { nextStepsSelector, analysisWithDefaultsSelector @@ -34,13 +34,11 @@ export default compose( analysis: { controls } } = this.props return ( -