minor UI, table and select improvements

Signed-off-by: Ronni Skansing <rskansing@gmail.com>

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'}

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>

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}

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' },

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}

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' },