Fix spacing of elements on index page

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

diff --git a/src/templates/index.html b/src/templates/index.html
index 7ad349feb652a896bf750e805fec990c3a7bfc1d..ac9e6518b101e460d73bc38dd3d59179afaecf09 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -121,26 +121,34 @@
        <section id="news" class="content-section">
                <div class="container">
                        <div class="row">
-                               <div class="col-12 col-md-6 col-lg-5 mb-6">
+                               <div class="col-12 col-md-6 col-lg-5 mb-5">
                                        <h1 class="mb-6">Latest Release</h1>
-                                       <p class="mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}</small></p>
-                                       <h3 class="mb-5 pb-5">
+
+                                       <p class="mb-0">
+                                               <small>{{ locale.format_date(latest_release.date, shorter=True) }}</small>
+                                       </p>
+
+                                       <h3 class="mb-5">
                                                <a href="/news/{{ latest_release.news.slug }}">
                                                        {{ _("%s has been released!") % latest_release.name }}
                                                </a>
                                        </h3>
-                                       <div class="btn-toolbar mb-6">
-                                               <a class="btn btn-primary btn-md mr-3" href="/download">
+
+                                       <div class="btn-toolbar mb-5">
+                                               <a class="btn btn-primary mr-3" href="/download">
                                                        <svg class="icon i_sm i_download"><use xlink:href="#download"/></svg>
                                                        {{ _("Download") }}
                                                </a>
-                                               <a class="btn btn-secondary btn-md ml-3" href="/donate">
+
+                                               <a class="btn btn-secondary ml-3" href="/donate">
                                                        <svg class="icon i_sm i_heart"><use xlink:href="#heart"/></svg>
                                                        {{ _("Donate") }}
                                                </a>
                                        </div>
-                                       
-                                       <p>A complete history of IPFire releases is available at our <a href="/news">News</a> page.</p>
+
+                                       <p>
+                                               A complete history of IPFire releases is available at our <a href="/news">News</a> page.
+                                       </p>
                                </div>
                                
                                <div class="col-12 col-md-6 col-lg-5 offset-lg-2">
@@ -151,7 +159,8 @@
                                                        <dt>
                                                                <small>{{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;</small>
                                                        </dt>
-                                                       <dd class="text-overflow mb-4 pb-4">
+
+                                                       <dd class="text-overflow mb-4">
                                                                {% if type == "news" %}
                                                                        <a href="/news/{{ item.slug }}">
                                                                                <strong>{{ item.title }}</strong>
@@ -165,8 +174,7 @@
                                                {% end %}
                                        </dl>
                                        
-                                       <a class="btn btn-white" href="/news">{{ _("Read More") }}</a>
-                                       
+                                       <a class="btn btn-secondary" href="/news">{{ _("Read More") }}</a>
                                </div>
                        </div>
                </div>
@@ -212,7 +220,7 @@
 
        <section id="appliances" class="content-section">
                <div class="container">
-                       <h1 class="text-center">{{ _("Professional Appliances & Services") }}</h1>
+                       <h1 class="text-center mb-5">{{ _("Professional Appliances & Services") }}</h1>
                        
                        <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4">
                                <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0">
@@ -224,7 +232,7 @@
                                        </p>
                                </div>
                                <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-1">
-                                       <a class="btn btn-dark btn-lg btn-block px-md-0" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
+                                       <a class="btn btn-dark btn-lg btn-block px-md-0 mb-4" href="/get-support#professional">{{ _("Get Professional Support") }}</a>
                                        <a class="btn btn-dark btn-lg btn-block px-md-0" href="/hardware">{{ _("Hardware Appliances") }}</a>
                                </div>
                        </div>