From b73a56f70cfa3c2aa3fe5f53e36f2d2dc8fb0261 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Wed, 3 Jan 2018 12:12:45 +0000
Subject: [PATCH] Take header height into account in the main page masthead;
 avoid margin collapsing.

---
 services/web/public/stylesheets/app/homepage.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less
index 99e32818e9..d502855b72 100644
--- a/services/web/public/stylesheets/app/homepage.less
+++ b/services/web/public/stylesheets/app/homepage.less
@@ -1,10 +1,13 @@
 .masthead {
+	display: inline-block;
+	width: 100%;
 	background-color: rgba(0,0,0,0.85);
 	background-image: -webkit-linear-gradient(left,rgba(153,93,179,0.6),rgba(44,155,219,0.6));
 	background-image: linear-gradient(to right,rgba(153,93,179,0.6),rgba(44,155,219,0.6));
 	position: relative;
 	text-align: center;
 	overflow: hidden;
+	margin-top: @header-height;
 	h1, p, label {
 		color: white;
 		text-align: center;