From a2c7a2de4b168592e0e248eb48db374f90d6ea2a Mon Sep 17 00:00:00 2001
From: Sam Chau <schau22@pm.me>
Date: Thu, 29 Jan 2026 02:31:21 +1030
Subject: [PATCH] style: responsive mobile entity and release tables

---
 src/lib/client/ui/table/ExpandableTable.svelte              | 6 +++---
 .../[databaseId]/components/EntityTable.svelte              | 1 +
 .../[databaseId]/components/ReleaseTable.svelte             | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/client/ui/table/ExpandableTable.svelte b/src/lib/client/ui/table/ExpandableTable.svelte
index d464b60..2a490bf 100644
--- a/src/lib/client/ui/table/ExpandableTable.svelte
+++ b/src/lib/client/ui/table/ExpandableTable.svelte
@@ -150,13 +150,13 @@
 						on:click={() => toggleRow(rowId)}
 					>
 						<!-- Primary row: first column as title + actions + chevron -->
-						<div class="flex items-center justify-between gap-3 px-4 py-3">
-							<div class="min-w-0 flex-1 font-medium text-neutral-900 dark:text-neutral-100">
+						<div class="flex items-start justify-between gap-3 px-4 py-3">
+							<div class="min-w-0 flex-1 break-all font-medium text-neutral-900 dark:text-neutral-100">
 								<slot name="cell" {row} column={columns[0]} {index} expanded={expandedRows.has(rowId)}>
 									{getCellValue(row, columns[0].key)}
 								</slot>
 							</div>
-							<div class="flex shrink-0 items-center gap-2">
+							<div class="flex shrink-0 items-center gap-2 pt-0.5">
 								{#if $$slots.actions}
 									<!-- svelte-ignore a11y-click-events-have-key-events a11y-no-static-element-interactions -->
 									<div on:click|stopPropagation>
diff --git a/src/routes/quality-profiles/entity-testing/[databaseId]/components/EntityTable.svelte b/src/routes/quality-profiles/entity-testing/[databaseId]/components/EntityTable.svelte
index 465a4ef..9bfa804 100644
--- a/src/routes/quality-profiles/entity-testing/[databaseId]/components/EntityTable.svelte
+++ b/src/routes/quality-profiles/entity-testing/[databaseId]/components/EntityTable.svelte
@@ -101,6 +101,7 @@
 	flushExpanded={true}
 	emptyMessage="No entities match your search"
 	chevronPosition="right"
+	responsive={true}
 	bind:expandedRows
 >
 	<svelte:fragment slot="cell" let:row let:column>
diff --git a/src/routes/quality-profiles/entity-testing/[databaseId]/components/ReleaseTable.svelte b/src/routes/quality-profiles/entity-testing/[databaseId]/components/ReleaseTable.svelte
index 68d1567..f584a06 100644
--- a/src/routes/quality-profiles/entity-testing/[databaseId]/components/ReleaseTable.svelte
+++ b/src/routes/quality-profiles/entity-testing/[databaseId]/components/ReleaseTable.svelte
@@ -148,6 +148,7 @@
 				flushExpanded={true}
 				emptyMessage="No releases"
 				chevronPosition="right"
+				responsive={true}
 				defaultSort={{ key: 'score', direction: 'desc' }}
 				bind:expandedRows
 			>