base: Make buttons in header and footer work

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

diff --git a/src/templates/base.html b/src/templates/base.html
index 4e5d3344535c9c2f1ebae243361966dfcf7041c5..15423ad8f84c066a90bd949df3eb8ce84ae44afb 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -60,19 +60,17 @@
                                                                <a class="navbar-item {% if request.path == "/help" %}active{% end %}" href="/help">{{ _("Help") }}</a>
 
                                                                <div class="navbar-item">
-                                                                       <button class="button is-lwl" href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&utm_medium=navigation">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Buy") }}
-                                                                               </p>
-                                                                       </button>
+                                                                       <a class="button is-lwl has-text-weight-bold is-uppercase"
+                                                                                       href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&utm_medium=navigation">
+                                                                               {{ _("Buy") }}
+                                                                       </a>
                                                                </div>
 
                                                                <div class="navbar-item">
-                                                                       <button class="button is-primary" href="https://www.ipfire.org/donate">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Donate") }}
-                                                                               </p>
-                                                                       </button>
+                                                                       <a class="button is-primary has-text-weight-bold is-uppercase"
+                                                                                       href="https://www.ipfire.org/donate">
+                                                                               {{ _("Donate") }}
+                                                                       </a>
                                                                </div>
                                                        </div>
                                                {% elif hostname == "fireinfo.ipfire.org" %}
@@ -304,10 +302,10 @@
 
                                                <div class="column is-one-fifth">
                                                        <div class="block">
-                                                               <button class="button is-primary is-fullwidth is-medium"
+                                                               <a class="button is-primary is-fullwidth is-medium has-text-weight-bold is-uppercase"
                                                                                href="https://www.ipfire.org/donate">
-                                                                       {{ _("DONATE") }}
-                                                               </button>
+                                                                       {{ _("Donate") }}
+                                                               </a>
                                                        </div>
 
                                                        <div class="block">