refactor: Adressbuch-Kontaktinfo als Text mit Icon-Button statt vollem Button

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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
+                <div class="flex items-center gap-2">
-                  href="tel:{contact.phone.replace(/\s/g, '')}"
+                  <span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.phone}</span>
-                  title={contact.phone}
+                  <a
-                  class="btn-outline btn-sm no-underline"
+                    href="tel:{contact.phone.replace(/\s/g, '')}"
-                >
+                    title="Anrufen"
-                  <Icon icon="mdi:phone-outline" class="size-3.5 shrink-0" />
+                    class="btn-outline btn-sm shrink-0 no-underline"
-                  <span class="truncate">{contact.phone}</span>
+                  >
-                </a>
+                    <Icon icon="mdi:phone-outline" class="size-3.5" />
+                  </a>
+                </div>
               {/if}
               {#if contact.email}
-                <a
+                <div class="flex items-center gap-2">
-                  href="mailto:{contact.email}"
+                  <span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.email}</span>
-                  title={contact.email}
+                  <a
-                  class="btn-outline btn-sm no-underline"
+                    href="mailto:{contact.email}"
-                >
+                    title="E-Mail schreiben"
-                  <Icon icon="mdi:email-outline" class="size-3.5 shrink-0" />
+                    class="btn-outline btn-sm shrink-0 no-underline"
-                  <span class="truncate">{contact.email}</span>
+                  >
-                </a>
+                    <Icon icon="mdi:email-outline" class="size-3.5" />
+                  </a>
+                </div>
               {/if}
             </div>
           {/if}