From 58261a7b83428f49737f0f25317aef8b260a9d77 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 22 Oct 2024 23:54:37 -0700
Subject: [PATCH] refac: styling

---
 src/lib/components/admin/Evaluations.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/admin/Evaluations.svelte b/src/lib/components/admin/Evaluations.svelte
index 1d7019d32..0d6de7b82 100644
--- a/src/lib/components/admin/Evaluations.svelte
+++ b/src/lib/components/admin/Evaluations.svelte
@@ -290,9 +290,17 @@
 											<div class="font-semibold text-gray-600 dark:text-gray-400 flex-1">
 												{feedback.data?.model_id}
 											</div>
-											<div class=" text-[0.65rem] text-gray-600 dark:text-gray-400 line-clamp-1">
-												{feedback.data.sibling_model_ids.join(', ')}
-											</div>
+
+											<Tooltip content={feedback.data.sibling_model_ids.join(', ')}>
+												<div class=" text-[0.65rem] text-gray-600 dark:text-gray-400 line-clamp-1">
+													{#if feedback.data.sibling_model_ids.length > 2}
+														{feedback.data.sibling_model_ids.slice(0, 2).join(', ')}, and
+														{feedback.data.sibling_model_ids.length - 2} more
+													{:else}
+														{feedback.data.sibling_model_ids.join(', ')}
+													{/if}
+												</div>
+											</Tooltip>
 										{:else}
 											<div
 												class=" text-sm font-medium text-gray-600 dark:text-gray-400 flex-1 py-1.5"