From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 22 Oct 2018 11:36:03 +0000 (+0100)
Subject: index: Fix CSS that makes intro box span the whole screen
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b250756bb6e49114c9f4c797b87a2264e33dbbdd;p=ipfire.org.git

index: Fix CSS that makes intro box span the whole screen

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 30787a9a..068e2b88 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -176,10 +176,10 @@ section {
 	}
 
 	&.intro {
-		.container {
-			min-height: 100%;
-			min-height: 100vh;
-		}
+		padding: 0;
+
+		min-height: 100%;
+		min-height: 100vh;
 
 		margin-top: -$navbar-height;
 
diff --git a/src/templates/index.html b/src/templates/index.html
index 751318c7..2399a8f2 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -7,8 +7,8 @@
 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
 
 {% block container %}
-	<section class="intro">
-		<div class="container d-flex align-items-center">
+	<section class="intro d-flex align-items-center">
+		<div class="container">
 			<div class="row flex-md-row-reverse">
 				<div class="col-12 col-md-5 my-5 text-center">
 					<img class="img-fluid" src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Logo" />