From 727dfbe81803dde3e4d5c83c8bdf4a1bef006e3c Mon Sep 17 00:00:00 2001
From: Dana Lambert <danalambert@catalyst.net.nz>
Date: Fri, 22 Oct 2021 16:11:42 +1300
Subject: [PATCH] Layout adjustments

---
 frontend/src/components/steps/Step.js            | 4 ++--
 frontend/src/components/steps/StepInformation.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/steps/Step.js b/frontend/src/components/steps/Step.js
index b6c3068..dd50c37 100644
--- a/frontend/src/components/steps/Step.js
+++ b/frontend/src/components/steps/Step.js
@@ -14,10 +14,10 @@ export default function Step(props) {
                     props.contentComponent
                 ) : (
                     <Row style={{height: '100%'}}>
-                        <Col md="4" sm="12" style={{display: 'flex', alignItems: 'center'}}>
+                        <Col lg={{ size: "3", offset: 1 }} md="5" sm="12" style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
                             {props.informationComponent}
                         </Col>
-                        <Col md="8" sm="12" style={{display: 'flex', alignItems: 'center'}}>
+                        <Col lg={{ size: "7", offset: 1}} md="7" sm="12" style={{display: 'flex', alignItems: 'center'}}>
                             {props.selectionComponent}
                         </Col>
                     </Row>
diff --git a/frontend/src/components/steps/StepInformation.js b/frontend/src/components/steps/StepInformation.js
index 48e5909..1c5c174 100644
--- a/frontend/src/components/steps/StepInformation.js
+++ b/frontend/src/components/steps/StepInformation.js
@@ -1,7 +1,7 @@
 export default function StepInformation(props) {
     return (
         <div className='ph-4'>
-            <h4>{props.title}</h4>
+            <h3>{props.title}</h3>
             <br/>
             {props.description}
         </div>