features: Add more spacing to icons

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

diff --git a/src/templates/static/features.html b/src/templates/static/features.html
index 277da99c6743a0538173f506ba59a6ddffed7a4a..ed52a3a4163ae5913cd93aa7670f777b418cc390 100644 (file)
--- a/src/templates/static/features.html
+++ b/src/templates/static/features.html
@@ -23,7 +23,7 @@
                <div class="container">
                        <div class="row">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
-                                       <span class="fas fa-shield-alt fa-10x text-primary"></span>
+                                       <span class="fas fa-shield-alt fa-10x text-primary my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">
@@ -60,7 +60,7 @@
                <div class="container">
                        <div class="row flex-md-row-reverse">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
-                                       <span class="fas fa-fire fa-10x"></span>
+                                       <span class="fas fa-fire fa-10x my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">
@@ -114,7 +114,7 @@
                <div class="container">
                        <div class="row">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
-                                       <span class="fas fa-network-wired fa-10x"></span>
+                                       <span class="fas fa-network-wired fa-10x my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">
@@ -134,13 +134,13 @@
                                        </p>
 
                                        <div class="row">
-                                               <div class="col-12 col-md-4">
+                                               <div class="col-12 col-md-4 mb-3">
                                                        <a class="btn btn-secondary btn-block" href="https://wiki.ipfire.org/configuration/services/ipsec">
                                                                VPN with IPsec
                                                        </a>
                                                </div>
 
-                                               <div class="col-12 col-md-4">
+                                               <div class="col-12 col-md-4 mb-3">
                                                        <a class="btn btn-secondary btn-block" href="https://wiki.ipfire.org/configuration/services/openvpn">
                                                                VPN with OpenVPN
                                                        </a>
@@ -155,7 +155,7 @@
                <div class="container">
                        <div class="row flex-md-row-reverse">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
-                                       <span class="fas fa-box-open fa-10x"></span>
+                                       <span class="fas fa-box-open fa-10x my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">
@@ -210,7 +210,7 @@
                <div class="container">
                        <div class="row">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
-                                       <span class="fas fa-angle-double-right fa-10x"></span>
+                                       <span class="fas fa-angle-double-right fa-10x my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">
@@ -243,7 +243,7 @@
                <div class="container">
                        <div class="row flex-md-row-reverse">
                                <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
-                                       <span class="fas fa-server fa-10x"></span>
+                                       <span class="fas fa-server fa-10x my-5"></span>
                                </div>
 
                                <div class="col-12 col-md-9">