index: Fix alignment of front page

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

diff --git a/src/templates/index.html b/src/templates/index.html
index d76bea9f75f54937ff2bb7e793083e29c7dbf334..8867a4ccc15eb7ba98054676a0a42dd96318ff80 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -9,15 +9,15 @@
 
 {% block container %}
        <header class="cover">
-               <div class="container">
+               <div class="container h-100">
                        {% module ChristmasBanner() %}
 
-                       <div class="row d-flex h-100 flex-fill flex-md-row-reverse">
+                       <div class="row d-flex h-100 flex-fill flex-md-row-reverse align-items-center">
                                <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" />
                                </div>
 
-                               <div class="col-12 col-md-7 align-self-center px-3">
+                               <div class="col-12 col-md-7 px-3">
                                        <h1 class="mb-0">{{ _("The Open Source Firewall") }}</h1>
 
                                        {% if latest_release %}