From a97d025a9850081ffc755b9c551143cdb373de29 Mon Sep 17 00:00:00 2001
From: Tim Friedrich Weber <tfw@satware.com>
Date: Tue, 27 May 2025 11:29:23 +0200
Subject: [PATCH] Refine webinar CSS and update location formatting.

Adjusted CSS for better icon alignment and spacing in webinar components. Simplified location formatting in workshop documentation for consistency and readability.
---
 docs/workshops/index.md                   |  8 ++++----
 overrides/assets/css/modules/webinar.scss | 12 +++++++++---
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/docs/workshops/index.md b/docs/workshops/index.md
index 6baa4f1..5bb4984 100644
--- a/docs/workshops/index.md
+++ b/docs/workshops/index.md
@@ -14,17 +14,17 @@ hide:
   <div class="satag--webinar-item">
     <div class="satag--webinar-date"><i class="fa-sharp fa-thin fa-calendar-day"></i> Sa. 21.06.2025</div>
     <div class="satag--webinar-time"><i class="fa-sharp fa-thin fa-clock"></i> 09:00 – 13:00 Uhr</div>
-    <div class="satag--webinar-course"><i class="fa-sharp fa-thin fa-arrow-up-right-from-square"></i> <a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Chatbots-im-Privatleben-nutzen/Y01.944#inhalt" target="_blank" title="KI-Chatbots im Privatleben nutzen (DigiSmart-Kurs)">01.944 KI-Chatbots im Privatleben nutzen (DigiSmart-Kurs)</a></div>
+    <div class="satag--webinar-course"><i class="fa-sharp fa-thin fa-arrow-up-right-from-square"></i> <a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Chatbots-im-Privatleben-nutzen/Y01.944#inhalt" target="_blank" title="KI-Chatbots im Privatleben nutzen (DigiSmart-Kurs)"> 01.944 KI-Chatbots im Privatleben nutzen (DigiSmart-Kurs)</a></div>
     <div class="satag--webinar-location"><i class="fa-sharp fa-thin fa-location-dot"></i> 
-    vhs,<br />Willy-Brandt-Ring 11,<br />Raum 1.09,<br />67547 Worms
+    vhs, Willy-Brandt-Ring 11, Raum 1.09, 67547 Worms
     </div>
   </div>
 
   <div class="satag--webinar-item">
     <div class="satag--webinar-date"><i class="fa-sharp fa-thin fa-calendar-day"></i> Sa. 12.07.2025</div>
     <div class="satag--webinar-time"><i class="fa-sharp fa-thin fa-clock"></i> 09:00 – 13:00 Uhr</div>
-    <div class="satag--webinar-course"><i class="fa-sharp fa-thin fa-arrow-up-right-from-square"></i> <a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Einsatz-im-Beruf-Nutzen-von-KI-Chatbots-im-Arbeitsalltag/Y01.945#inhalt" target="_blank" title="KI-Einsatz im Beruf – Nutzen von KI-Chatbots im Arbeitsalltag (DigiSmart-Kurs)">01.945 KI-Einsatz im Beruf – Nutzen von KI-Chatbots im Arbeitsalltag (DigiSmart-Kurs)</a></div>
+    <div class="satag--webinar-course"><i class="fa-sharp fa-thin fa-arrow-up-right-from-square"></i> <a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Einsatz-im-Beruf-Nutzen-von-KI-Chatbots-im-Arbeitsalltag/Y01.945#inhalt" target="_blank" title="KI-Einsatz im Beruf – Nutzen von KI-Chatbots im Arbeitsalltag (DigiSmart-Kurs)"> 01.945 KI-Einsatz im Beruf – Nutzen von KI-Chatbots im Arbeitsalltag (DigiSmart-Kurs)</a></div>
     <div class="satag--webinar-location"><i class="fa-sharp fa-thin fa-location-dot"></i> 
-    vhs,<br />Willy-Brandt-Ring 11,<br />Raum 1.09,<br />67547 Worms</div>
+    vhs, Willy-Brandt-Ring 11, Raum 1.09, 67547 Worms</div>
     </div>
 </div>
diff --git a/overrides/assets/css/modules/webinar.scss b/overrides/assets/css/modules/webinar.scss
index e5b69d9..151e4ad 100644
--- a/overrides/assets/css/modules/webinar.scss
+++ b/overrides/assets/css/modules/webinar.scss
@@ -51,15 +51,21 @@
 }
 
 .satag--webinar-location {
-  margin-left: 30px;
+  margin-bottom: 0.5rem;
   i{
-    margin-left: -27px;
-    padding-right: 6px;
+    margin-right: 0.5rem;
+    width: 1rem;
+    text-align: center;
   }
 }
 
 .satag--webinar-course {
   margin-bottom: 0.25rem;
+  i {
+    margin-right: 0.5rem;
+    width: 1rem;
+    text-align: center;
+  }
 }
 
 .satag--webinar-type {