From 0cd3fe98cba6de0f82f136cec9af10da8566bf6e Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 14 Jul 2018 16:48:13 +0100
Subject: [PATCH] Fix spacing of elements on index page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/index.html | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 7ad349fe..ac9e6518 100644
--- 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>
-- 
2.47.3