From 01f2a04daa1dad89751711c65fde05d5ea6f2952 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sat, 27 Dec 2025 16:34:06 +0100
Subject: [PATCH] fix report popup covering entries

---
 src/app/admin/reports/BottomBar.svelte      |  5 +---
 src/app/admin/reports/Reports.svelte        | 32 +++++++++++----------
 src/components/admin/table/DataTable.svelte |  2 +-
 3 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/app/admin/reports/BottomBar.svelte b/src/app/admin/reports/BottomBar.svelte
index f510dad..75e0266 100644
--- a/src/app/admin/reports/BottomBar.svelte
+++ b/src/app/admin/reports/BottomBar.svelte
@@ -83,10 +83,7 @@
   }
 </script>
 
-<div
-  class="absolute bottom-2 bg-base-200 rounded-lg w-[calc(100%-1rem)] mx-2 flex px-6 py-4 gap-2"
-  hidden={report === null}
->
+<div class="relative bg-base-200 rounded-lg w-[calc(100%-1rem)] m-2 flex px-6 py-4 gap-2" hidden={report === null}>
   <div class="absolute right-2 top-2">
     <div class="dropdown dropdown-end">
       <div tabindex="0" role="button" class="btn btn-sm btn-circle btn-ghost">
diff --git a/src/app/admin/reports/Reports.svelte b/src/app/admin/reports/Reports.svelte
index fe8b51b..28c5bf1 100644
--- a/src/app/admin/reports/Reports.svelte
+++ b/src/app/admin/reports/Reports.svelte
@@ -37,19 +37,21 @@
   {/if}
 {/snippet}
 
-<DataTable
-  data={reports}
-  count={true}
-  keys={[
-    { key: 'reason', label: 'Grund' },
-    { key: 'reporter.username', label: 'Report Ersteller' },
-    { key: 'reported.username', label: 'Reporteter Spieler' },
-    { key: 'createdAt', label: 'Datum', sortable: true, transform: date },
-    { key: 'status.status', label: 'Bearbeitungsstatus', sortable: true, transform: status }
-  ]}
-  onClick={(report) => (activeReport = report)}
-/>
+<div class="h-screen flex flex-col justify-between">
+  <DataTable
+    data={reports}
+    count={true}
+    keys={[
+      { key: 'reason', label: 'Grund' },
+      { key: 'reporter.username', label: 'Report Ersteller' },
+      { key: 'reported.username', label: 'Reporteter Spieler' },
+      { key: 'createdAt', label: 'Datum', sortable: true, transform: date },
+      { key: 'status.status', label: 'Bearbeitungsstatus', sortable: true, transform: status }
+    ]}
+    onClick={(report) => (activeReport = report)}
+  />
 
-{#key activeReport}
-  <BottomBar {strikeReasons} report={activeReport} />
-{/key}
+  {#key activeReport}
+    <BottomBar {strikeReasons} report={activeReport} />
+  {/key}
+</div>
diff --git a/src/components/admin/table/DataTable.svelte b/src/components/admin/table/DataTable.svelte
index 206c5b2..e57ad9e 100644
--- a/src/components/admin/table/DataTable.svelte
+++ b/src/components/admin/table/DataTable.svelte
@@ -27,7 +27,7 @@
   let { data, count, keys, onClick, onEdit, onDelete }: Props<any> = $props();
 </script>
 
-<div class="h-screen overflow-x-auto">
+<div class="max-h-screen overflow-x-auto">
   <table class="table table-pin-rows">
     <thead>
       <SortableTr {data}>