From 01941b16de22b60c8c56b605e6da1f86ba8cb257 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Wed, 21 Aug 2019 03:57:07 +0200
Subject: [PATCH] improve top and bottom positioning for multiple steps

---
 src/components/join-flow/country-step.jsx     |  1 +
 src/components/join-flow/join-flow-steps.scss | 14 +++++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/join-flow/country-step.jsx b/src/components/join-flow/country-step.jsx
index 4df68c435..86eee7497 100644
--- a/src/components/join-flow/country-step.jsx
+++ b/src/components/join-flow/country-step.jsx
@@ -68,6 +68,7 @@ class CountryStep extends React.Component {
                     return (
                         <JoinFlowStep
                             description={this.props.intl.formatMessage({id: 'registration.countryStepDescription'})}
+                            descriptionClassName="join-flow-country-description"
                             headerImgSrc="/images/join-flow/country-header.png"
                             innerClassName="join-flow-inner-country-step"
                             title={this.props.intl.formatMessage({id: 'registration.countryStepTitle'})}
diff --git a/src/components/join-flow/join-flow-steps.scss b/src/components/join-flow/join-flow-steps.scss
index cae4a74f2..8ede7da40 100644
--- a/src/components/join-flow/join-flow-steps.scss
+++ b/src/components/join-flow/join-flow-steps.scss
@@ -79,7 +79,8 @@
 }
 
 .join-flow-inner-birthdate-step {
-    padding-top: 3.5rem;
+    padding-top: 1rem;
+    padding-bottom: 2.25rem;
 }
 
 .join-flow-inner-gender-step {
@@ -90,7 +91,8 @@
 }
 
 .join-flow-inner-country-step {
-    padding-top: 3.25rem;
+    padding-top: 1rem;
+    padding-bottom: 2rem;
 }
 
 .join-flow-inner-email-step {
@@ -102,8 +104,10 @@
 }
 
 .join-flow-birthdate-description {
-    margin-left: -.5rem;
+    margin-top: 1.25rem;
     margin-right: -.5rem;
+    margin-bottom: 2rem;
+    margin-left: -.5rem;
 }
 
 .join-flow-gender-description {
@@ -111,6 +115,10 @@
     margin-bottom: 1.25rem;
 }
 
+.join-flow-country-description {
+    margin-top: 1rem;
+}
+
 .gender-radio-row {
     transition: all .125s ease;
     width: 20.875rem;