fix: registered player table occlusion

MaSch0212 · Jul 28, 2024 · 84f859c · 84f859c
1 parent b5ff39b
commit 84f859c
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/...src/app/components/player-events/player-event-details/player-event-details.component.html b/...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