From 131f6bd75392029b5b59d2eeb9c97bb8b8290925 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Thu, 28 Aug 2025 09:06:59 +0200
Subject: [PATCH] =?UTF-8?q?Verbessere=20das=20Styling=20in=20der=20Contact?=
 =?UTF-8?q?Render-Komponente,=20indem=20Margen=20zu=20den=20Kontaktboxen?=
 =?UTF-8?q?=20und=20-namen=20hinzugef=C3=BCgt=20werden.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContactRender.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ContactRender.vue b/src/components/ContactRender.vue
index 1c1dedc..71b1f60 100644
--- a/src/components/ContactRender.vue
+++ b/src/components/ContactRender.vue
@@ -1,6 +1,6 @@
 <template>
-    <div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0" class="bottom-margin">
-        <div v-for="contact in contacts" :key="contact.id" class="contact-box">
+    <div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0">
+        <div v-for="contact in contacts" :key="contact.id" class="contact-box bottom-margin">
             <p>{{ contact.name }}</p>
             <p v-if="displayOptions.includes('phone')">Telefon: {{ contact.phone }}</p>
             <p v-if="displayOptions.includes('street')">Straße: {{ contact.street }}</p>
@@ -11,8 +11,8 @@
                 pos.caption).join(', ') }}</p>
         </div>
     </div>
-    <span v-else-if="config.style === 'float' && contacts && contacts.length && contacts.length > 0" class="bottom-margin">
-        <span v-for="contact in contacts" :key="contact.id">
+    <span v-else-if="config.style === 'float' && contacts && contacts.length && contacts.length > 0">
+        <span v-for="contact in contacts" :key="contact.id" class="bottom-margin">
             {{ contact.name }}
             <span v-if="displayOptions.includes('phone')">, Telefon: {{ contact.phone }}</span>
             <span v-if="displayOptions.includes('street')">, Straße: {{ contact.street }}</span>