From 7df7b95c7bae38f15f48f95ea188bc50ad84f9dd Mon Sep 17 00:00:00 2001
From: Hadi <112569860+anotherhadi@users.noreply.github.com>
Date: Fri, 26 Sep 2025 22:02:31 +0200
Subject: [PATCH] fix wrapping & overflow

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>
---
 front/src/lib/components/index/search/id/row.svelte | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/front/src/lib/components/index/search/id/row.svelte b/front/src/lib/components/index/search/id/row.svelte
index 64d955e..a648ecd 100644
--- a/front/src/lib/components/index/search/id/row.svelte
+++ b/front/src/lib/components/index/search/id/row.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Table from "$src/lib/components/table.svelte";
+  import Table from "$src/lib/components/table.svelte";
   import { ChevronDown, ChevronUp, Database, Key, Mail } from "@lucide/svelte";
 
   const { row }: { row: Record<string, string> } = $props();
@@ -7,6 +7,7 @@
   let isOpen = $state<boolean>(false);
 
   function getDomain(dataleakName: string) {
+    if (!dataleakName) return null;
     const firstPart = dataleakName.split(" ")[0].toLowerCase();
     const domainRegex =
       /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z]{2,}$/;
@@ -79,8 +80,12 @@
       </div>
     {/if}
   </div>
-  <div>
-    <div>{getHighlightedContent(row)}</div>
+  <div
+    class="flex-1 flex flex-col min-w-0 items-start justify-center"
+  >
+    <div class="w-full overflow-hidden whitespace-nowrap text-ellipsis">
+      {getHighlightedContent(row)}
+    </div>
     <div class="text-xs uppercase font-semibold opacity-60">
       {row["source"]}
     </div>
@@ -94,7 +99,7 @@
   </div>
 </button>
 {#if isOpen}
-  <li class="list-row flex bg-base-200 rounded-t-none mb-2">
+  <li class="grid list-row bg-base-200 rounded-t-none mb-2">
     <Table {row} />
   </li>
 {/if}