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 30787a9a878d6e91d10f33262f92fa7770d6dd0a..068e2b88a80d36e7bceddfa770af52ff5ad3f8d9 100644 (file)
--- 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 751318c749556a5823896b25ec99d06edc55f15d..2399a8f24a43f019dc1d72d9168b34b00ffb1f0b 100644 (file)
--- 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" />