From 4642b322714fb25ac89d3cade8479c4d092a320b Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Thu, 4 Jun 2026 10:54:44 +0200
Subject: [PATCH] refactor: Adressbuch-Kontaktinfo als Text mit Icon-Button
 statt vollem Button

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/blocks/AdressbuchBlock.svelte  | 40 ++++++++++---------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/blocks/AdressbuchBlock.svelte b/src/lib/components/blocks/AdressbuchBlock.svelte
index d93a597..3a0971b 100644
--- a/src/lib/components/blocks/AdressbuchBlock.svelte
+++ b/src/lib/components/blocks/AdressbuchBlock.svelte
@@ -144,28 +144,32 @@
             {/if}
           </div>
 
-          <!-- Contact actions -->
+          <!-- Contact info + action links -->
           {#if contact.phone || contact.email}
-            <div class="flex justify-end gap-2">
+            <div class="flex flex-col gap-1">
               {#if contact.phone}
-                <a
-                  href="tel:{contact.phone.replace(/\s/g, '')}"
-                  title={contact.phone}
-                  class="btn-outline btn-sm no-underline"
-                >
-                  <Icon icon="mdi:phone-outline" class="size-3.5 shrink-0" />
-                  <span class="truncate">{contact.phone}</span>
-                </a>
+                <div class="flex items-center gap-2">
+                  <span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.phone}</span>
+                  <a
+                    href="tel:{contact.phone.replace(/\s/g, '')}"
+                    title="Anrufen"
+                    class="btn-outline btn-sm shrink-0 no-underline"
+                  >
+                    <Icon icon="mdi:phone-outline" class="size-3.5" />
+                  </a>
+                </div>
               {/if}
               {#if contact.email}
-                <a
-                  href="mailto:{contact.email}"
-                  title={contact.email}
-                  class="btn-outline btn-sm no-underline"
-                >
-                  <Icon icon="mdi:email-outline" class="size-3.5 shrink-0" />
-                  <span class="truncate">{contact.email}</span>
-                </a>
+                <div class="flex items-center gap-2">
+                  <span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.email}</span>
+                  <a
+                    href="mailto:{contact.email}"
+                    title="E-Mail schreiben"
+                    class="btn-outline btn-sm shrink-0 no-underline"
+                  >
+                    <Icon icon="mdi:email-outline" class="size-3.5" />
+                  </a>
+                </div>
               {/if}
             </div>
           {/if}