From fd0ccea01da0e284a2aeff3ee2d5c4f08ea76fdc Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Tue, 3 Feb 2026 22:13:54 +0100
Subject: [PATCH] minor UI, table and select improvements

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/table/TableCell.svelte     | 2 +-
 frontend/src/lib/components/table/TableCellLink.svelte | 4 ++--
 frontend/src/routes/campaign/[id]/+page.svelte         | 4 ++--
 frontend/src/routes/recipient/+page.svelte             | 2 +-
 frontend/src/routes/recipient/[id]/+page.svelte        | 2 +-
 frontend/src/routes/recipient/group/[id]/+page.svelte  | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/table/TableCell.svelte b/frontend/src/lib/components/table/TableCell.svelte
index 19e82e0..39243a4 100644
--- a/frontend/src/lib/components/table/TableCell.svelte
+++ b/frontend/src/lib/components/table/TableCell.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <td
-	class={`pl-4 font-regular text-slate-600 dark:text-gray-200 text-ellipsis whitespace-nowrap overflow-hidden pr-4 transition-colors duration-200`}
+	class={`pl-4 font-regular text-slate-600 dark:text-gray-200 text-ellipsis whitespace-nowrap overflow-hidden pr-4 transition-colors duration-200 max-w-0 [&>*]:text-ellipsis [&>*]:overflow-hidden [&>*]:whitespace-nowrap [&>*]:block`}
 	title={isDate ? '' : value}
 	class:text-left={alignText === 'left'}
 	class:text-center={alignText === 'center'}
diff --git a/frontend/src/lib/components/table/TableCellLink.svelte b/frontend/src/lib/components/table/TableCellLink.svelte
index 2538657..10b6e83 100644
--- a/frontend/src/lib/components/table/TableCellLink.svelte
+++ b/frontend/src/lib/components/table/TableCellLink.svelte
@@ -4,10 +4,10 @@
 </script>
 
 <td
-	class="pl-4 font-regular text-slate-600 dark:text-gray-200 text-ellipsis whitespace-nowrap overflow-hidden pr-4 transition-colors duration-200"
+	class="pl-4 font-regular text-slate-600 dark:text-gray-200 text-ellipsis whitespace-nowrap overflow-hidden pr-4 transition-colors duration-200 max-w-0"
 	{title}
 >
-	<a {href} class="block w-full py-1">
+	<a {href} class="block w-full py-1 text-ellipsis whitespace-nowrap overflow-hidden">
 		<slot />
 	</a>
 </td>
diff --git a/frontend/src/routes/campaign/[id]/+page.svelte b/frontend/src/routes/campaign/[id]/+page.svelte
index 9c50958..81ccacd 100644
--- a/frontend/src/routes/campaign/[id]/+page.svelte
+++ b/frontend/src/routes/campaign/[id]/+page.svelte
@@ -1078,8 +1078,8 @@
 	{#if initialPageLoadComplete}
 		<div class="relative">
 			<div class="flex justify-between">
-				<Headline
-					>Campaign: {campaign.name ?? ''}
+				<Headline>
+					<span class="select-text">Campaign: {campaign.name ?? ''}</span>
 					{#if campaign.isTest}
 						<TestLabel />
 					{/if}
diff --git a/frontend/src/routes/recipient/+page.svelte b/frontend/src/routes/recipient/+page.svelte
index 8488033..051bbee 100644
--- a/frontend/src/routes/recipient/+page.svelte
+++ b/frontend/src/routes/recipient/+page.svelte
@@ -428,7 +428,7 @@
 	<Table
 		isGhost={isRecipientsTableLoading}
 		columns={[
-			{ column: 'Email', size: 'small' },
+			{ column: 'Email', size: 'large' },
 			{ column: 'First name', size: 'small' },
 			{ column: 'Last name', size: 'small' },
 			{ column: 'Phone', size: 'small' },
diff --git a/frontend/src/routes/recipient/[id]/+page.svelte b/frontend/src/routes/recipient/[id]/+page.svelte
index bae9c47..8515aea 100644
--- a/frontend/src/routes/recipient/[id]/+page.svelte
+++ b/frontend/src/routes/recipient/[id]/+page.svelte
@@ -141,7 +141,7 @@
 <section>
 	<div class="flex justify-between">
 		<Headline>
-			{recipient.email}
+			<span class="select-text">{recipient.email}</span>
 		</Headline>
 		<AutoRefresh
 			isLoading={false}
diff --git a/frontend/src/routes/recipient/group/[id]/+page.svelte b/frontend/src/routes/recipient/group/[id]/+page.svelte
index 8b5bbc5..ec9fd52 100644
--- a/frontend/src/routes/recipient/group/[id]/+page.svelte
+++ b/frontend/src/routes/recipient/group/[id]/+page.svelte
@@ -407,7 +407,7 @@
 	<SubHeadline>Recipients</SubHeadline>
 	<Table
 		columns={[
-			{ column: 'Email', size: 'small' },
+			{ column: 'Email', size: 'large' },
 			{ column: 'First name', size: 'small' },
 			{ column: 'Last name', size: 'small' },
 			{ column: 'Phone', size: 'small' },