From 69771257ffbabd58e5cf62bc47453cf7cfbff7c9 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Fri, 21 Sep 2018 16:34:24 +0100
Subject: [PATCH] Adapt styles to get a nicer responsive behaviour.

---
 .../web/public/stylesheets/app/homepage.less  | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less
index aa82671568..795d04488f 100644
--- a/services/web/public/stylesheets/app/homepage.less
+++ b/services/web/public/stylesheets/app/homepage.less
@@ -121,9 +121,6 @@
 			}
 		}
 	}
-	.btn-hero {
-		float: left;
-	}
 }
 
 .hp-register-external-separator {
@@ -152,27 +149,35 @@
 
 .hp-register-newsletter-checkbox {
 	font-size: 90%;
+	& > .checkbox-newsletter {
+		text-align: left;
+		@media only screen and (min-width: @screen-sm-min) {
+			text-align: center;
+		}
+	}
 }
 
 .hp-login-btn {
 	min-width: 220px;
 }
 
-@media only screen and (max-width: @screen-sm-max) {
-	.masthead {
-		.btn-hero {
-			float: none;
-		}
-	}
-}
-@media only screen and (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-	.masthead {
-		.btn-hero {
-			margin-top: @margin-md;
-		}
-	}
+.hp-register-form-email-pwd {
+	position: relative;
 }
 
+	.hp-register-form-email-pwd-btn-container.form-group {
+		display: block;
+		margin-top: (@register-v-spacing / 2);
+		@media only screen and (min-width: @screen-md-min) {
+			position: absolute;
+			display: inline-block;
+			height: 100%;
+			top: -(@register-v-spacing / 2);
+			& > .btn-hero {
+				height: 100%;
+			}
+		}
+	}
 
 .universities {
 	border-bottom: 1px solid @gray-lighter;