adjust email step vertical spacing, redo its footer

This commit is contained in:
Ben Wheeler 2019-09-15 17:22:25 -04:00
parent 31d8189e54
commit 4341d364d4
4 changed files with 17 additions and 12 deletions

View file

@ -60,15 +60,17 @@ const JoinFlowStep = ({
{children}
</ModalInnerContent>
</div>
{footerContent && (
<div className="join-flow-footer-message">
{footerContent}
</div>
)}
<NextStepButton
content={nextButton}
waiting={waiting}
/>
<div>
{footerContent && (
<div className="join-flow-footer-message">
{footerContent}
</div>
)}
<NextStepButton
content={nextButton}
waiting={waiting}
/>
</div>
</div>
</form>
);

View file

@ -50,7 +50,7 @@
.join-flow-footer-message {
width: 100%;
padding: 1.125rem 1.5rem 1.125rem;
padding: 0.875rem 1.5rem;
background-color: $ui-blue-25percent;
font-size: .75rem;
font-weight: 600;

View file

@ -126,7 +126,9 @@
}
.join-flow-inner-email-step {
padding-top: 3rem;
padding-top: 1.25rem;
padding-bottom: 0;
min-height: 16.625rem;
}
.join-flow-inner-welcome-step {
@ -203,7 +205,7 @@
.join-flow-email-checkbox-row {
font-size: .75rem;
margin: .25rem .125rem;
margin: 1.5rem .125rem .25rem;
}
a.join-flow-link:link, a.join-flow-link:visited, a.join-flow-link:active {

View file

@ -169,6 +169,7 @@
"registration.genderOptionAnother": "Another gender:",
"registration.genderOptionPreferNotToSay": "Prefer not to say",
"registration.emailStepTitle": "What's your email?",
"registration.emailStepInfo": "NEED EMAIL STEP HERE",
"registration.goToClass": "Go to Class",
"registration.invitedBy": "invited by",
"registration.lastStepTitle": "Thank you for requesting a Scratch Teacher Account",