index: Fix buttons on some viewports

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

diff --git a/src/templates/index.html b/src/templates/index.html
index ec5b4bd6211dea74432cdff2a88c714d79a555ac..7098094e9a2296448a3e18b688daa55900ffc43e 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -151,14 +151,18 @@
                                                {% end %}
                                        </h3>
 
-                                       <div class="btn-toolbar mb-5">
-                                               <a class="btn btn-primary mr-3" href="/download">
-                                                       <span class="fas fa-download"></span> {{ _("Download") }}
-                                               </a>
-
-                                               <a class="btn btn-secondary ml-3" href="/donate">
-                                                       <span class="fas fa-heart"></span> {{ _("Donate") }}
-                                               </a>
+                                       <div class="row">
+                                               <div class="col-12 col-sm-6 col-md-12 col-xl-5 mb-3">
+                                                       <a class="btn btn-primary btn-block" href="/download">
+                                                               <span class="fas fa-download"></span> {{ _("Download") }}
+                                                       </a>
+                                               </div>
+
+                                               <div class="col-12 col-sm-6 col-md-12 col-xl-5 mb-3">
+                                                       <a class="btn btn-secondary btn-block" href="/donate">
+                                                               <span class="fas fa-heart"></span> {{ _("Donate") }}
+                                                       </a>
+                                               </div>
                                        </div>
                                </div>