Replace rigid full height with flex style (#103527)

Author: claudiucelfilip

client/my-sites/invites/invite-accept-logged-out/style.scss

@@ -16,6 +16,8 @@ body.is-section-accept-invite {
 	}
 	.invite-accept__form {
 		height: 100%;
+		display: flex;
+		flex-direction: column;
 	}
 	.layout__content {
 		padding: 24px;
@@ -26,7 +28,7 @@ body.is-section-accept-invite {
 	margin: 0 auto;
 	display: flex;
 	flex-direction: column;
-	height: 100%;
+	flex: 1;
 	box-sizing: border-box;
 	font-family: $font-sf-pro-text;
 

client/my-sites/invites/invite-accept/index.jsx

@@ -269,8 +269,8 @@ class InviteAccept extends Component {
 
 		return (
 			<div className={ containerClasses }>
-				{ this.localeSuggestions() }
 				<div className={ formClasses }>
+					{ this.localeSuggestions() }
 					{ this.isMatchEmailError() && user && (
 						<Notice
 							text={ this.props.translate( 'This invite is only valid for %(email)s.', {