From fb10d85b1137d28bebb4a2627ae99c54421b89a4 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Sat, 9 Mar 2024 14:21:27 +0100
Subject: [PATCH] Fix button label and layout in contact

---
 templates/shortcodes/teckids_contact.html | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/templates/shortcodes/teckids_contact.html b/templates/shortcodes/teckids_contact.html
index f89c27ec..98f8dced 100644
--- a/templates/shortcodes/teckids_contact.html
+++ b/templates/shortcodes/teckids_contact.html
@@ -6,13 +6,17 @@
     </div>
     <div class="column is-one-third">
       <div class="buttons are-large are-responsive">
-        <a class="button is-primary" href="mailto:{{ mail|default(value="verein@teckids.org") }}">
-          <i class="fa-solid fa-envelope-open-text"></i>
-          E-Mail schreiben
+        <a class="button is-primary is-fullwidth" href="mailto:{{ mail|default(value="verein@teckids.org") }}">
+          <div class="icon-text">
+            <span class="icon"><i class="fa-solid fa-envelope-open-text"></i></span>
+            <span>E-Mail schreiben</span>
+	  </div>
         </a>
-	<a class="button is-link" href="tel:{{ phone|default(value="+4922892934160") }}">
-          <i class="fa-solid fa-phone"></i>
-          E-Mail schreiben
+	<a class="button is-link is-fullwidth" href="tel:{{ phone|default(value="+4922892934160") }}">
+          <div class="icon-text">
+            <span class="icon"><i class="fa-solid fa-phone"></i></span>
+	    <span>Anrufen</span>
+          </div>
 	</a>
       </div>
     </div>
-- 
GitLab