From 72aed768578d40e7955967a5ddb4243ca915f5cf Mon Sep 17 00:00:00 2001
From: adisposkofh <ma1434@technikum-wien.at>
Date: Thu, 7 May 2026 14:06:23 +0200
Subject: [PATCH] added border to compacted events in lv plan for color
 contrasting

---
 public/js/components/Calendar/Base/Grid/Line.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/public/js/components/Calendar/Base/Grid/Line.js b/public/js/components/Calendar/Base/Grid/Line.js
index 64a71c5f0..1f266d0a1 100644
--- a/public/js/components/Calendar/Base/Grid/Line.js
+++ b/public/js/components/Calendar/Base/Grid/Line.js
@@ -147,12 +147,13 @@ export default {
 				:style="'grid-' + axisRow + ': ' + event.rows.join('/')"
 				class="d-flex flex-row justify-content-center gap-1 align-items-center"
 			>
-				<i
+				<span
 					v-for="(subEvent, subEventIndex) in event.events"
 					:key="subEventIndex"
-					class="fa-solid fa-circle fa-2xs"
-					:style="subEvent.farbe ? {color: '#' + subEvent.farbe} : {}"
-				></i>
+					:style="subEvent.farbe ? {'background-color': '#' + subEvent.farbe} : {}"
+					style="height:10px; width:10px;"
+					class="border border-dark rounded-circle"
+				></span>
 			</div>
 			<div
 				v-else-if="event.display === 'compactedExtra'"