From 354e1ccdf47986d3ecbfbebd259cf87c8831988a Mon Sep 17 00:00:00 2001
From: adisposkofh <ma1434@technikum-wien.at>
Date: Wed, 15 Apr 2026 12:04:29 +0200
Subject: [PATCH] reworked calendar sync appearance

---
 .../Profil/ProfilComponents/CalendarSync.js   | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/public/js/components/Cis/Profil/ProfilComponents/CalendarSync.js b/public/js/components/Cis/Profil/ProfilComponents/CalendarSync.js
index 9f0df6dd5..f3aa4b2f1 100644
--- a/public/js/components/Cis/Profil/ProfilComponents/CalendarSync.js
+++ b/public/js/components/Cis/Profil/ProfilComponents/CalendarSync.js
@@ -23,29 +23,31 @@ export default {
     </div>
     <div class="card-body">
         <div class="d-flex flex-column gap-3">
-            <span>
-                <a
-                    target="_blank"
-                    :href="syncInstructionsUrlWithoutParam + $p.t('DMS-Link/lvplanSyncFAQ')"
-                    class="fhc-link-color"
-                >
+            <a
+                target="_blank"
+                :href="syncInstructionsUrlWithoutParam + $p.t('DMS-Link/lvplanSyncFAQ')"
+                class="fhc-link-color d-flex flex-row gap-2 align-items-center"
+            >
+                <span>
+                    <i class="fa-solid fa-up-right-from-square ms-2"></i>
+                </span>
+                <span>
                     {{ $p.t("profil/calendar_sync_instructions") }}
-                </a>
-                <i class="fa-solid fa-up-right-from-square ms-2"></i>
-            </span>
-            <ul>
-                <li v-for="syncUrl in $props.calendarSyncUrls" :key="syncUrl.identifier">
-                    <a 
-                        @click.prevent="copyUrlToClipboard(syncUrl.url)"
-                        @contextmenu.prevent="copyUrlToClipboard(syncUrl.url)"
-                        href="#"
-                        class="fhc-link-color"
-                    >
-                        {{ $p.t(syncUrl.labelPhrase) }}
-                    </a>
-                    <i class="fa-regular fa-copy ms-2"></i>
-                </li>
-            </ul>
+                </span>
+            </a>
+            <a
+                v-for="syncUrl in $props.calendarSyncUrls"
+                :key="syncUrl.identifier"
+                @click.prevent="copyUrlToClipboard(syncUrl.url)"
+                @contextmenu.prevent="copyUrlToClipboard(syncUrl.url)"
+                href="#"
+                class="fhc-link-color d-flex flex-row gap-2 align-items-center"
+            >
+                <span>
+                    <i class="fa-regular fa-copy ms-2 text-decoration-none"></i>
+                </span>
+                    {{ $p.t(syncUrl.labelPhrase) }}
+            </a>
         </div>
     </div>
 </div>`,