From 84f859ce9b9bb8bcc5870a31a7ee28eddb443fd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Schmidt?=
 <9435005+AnSch1510@users.noreply.github.com>
Date: Sun, 28 Jul 2024 17:26:37 +0200
Subject: [PATCH] fix: registered player table occlusion

---
 .../player-event-details.component.html                   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/client/src/app/components/player-events/player-event-details/player-event-details.component.html b/src/client/src/app/components/player-events/player-event-details/player-event-details.component.html
index 0ac8869..dede242 100644
--- a/src/client/src/app/components/player-events/player-event-details/player-event-details.component.html
+++ b/src/client/src/app/components/player-events/player-event-details/player-event-details.component.html
@@ -211,17 +211,19 @@ <h1 class="m-0 text-center">{{ translations.playerEvents_notFound() }}</h1>
       <h2 class="m-0 pt-4">{{ translations.playerEvents_registeredPlayers() }}</h2>
       <p-card>
         <div
-          class="grid gap-2"
+          class="grid gap-x-2"
           [style]="{ gridTemplateColumns: 'repeat(' + timeslots().length + ', auto) 1fr' }"
         >
           @for (timeslot of timeslots(); track timeslot.id) {
-            <div class="sticky top-0 text-xs">
+            <div class="sticky top-0 z-10 bg-surface-a py-2 text-xs">
               {{ timeslot.time.hour | number: '2.0-0' }}:{{
                 timeslot.time.minute | number: '2.0-0'
               }}
             </div>
           }
-          <div class="sticky top-0 text-xs">{{ translations.shared_name() }}</div>
+          <div class="sticky top-0 z-10 bg-surface-a py-2 text-xs">
+            {{ translations.shared_name() }}
+          </div>
           @for (eventRegistration of eventRegistrations(); track eventRegistration.userId) {
             @for (timeslot of timeslots(); track timeslot.id) {
               <div