From 773e2d3103d23b5eb31a47565d577461adf239df Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Sun, 21 Jan 2024 15:38:55 +0100
Subject: [PATCH] fix(frontend): Fix display for array of objects (#3051)

---
 frontend/src/lib/components/table/AutoDataTable.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/table/AutoDataTable.svelte b/frontend/src/lib/components/table/AutoDataTable.svelte
index 0eafe3743b..84351a8f16 100644
--- a/frontend/src/lib/components/table/AutoDataTable.svelte
+++ b/frontend/src/lib/components/table/AutoDataTable.svelte
@@ -356,10 +356,12 @@
 												{/each}
 											</div>
 										{:else if Array.isArray(value)}
-											<div class="flex flex-row gap-1 w-full max-w-80 flex-wrap min-w-80">
+											<div class="flex flex-row gap-1 w-full max-w-80 flex-wrap min-w-96">
 												{#each value as val}
-													<div class="p-2 bg-surface-secondary rounded-md text-2xs">
-														{JSON.stringify(val)}
+													<div
+														class="p-2 bg-surface-secondary rounded-md text-2xs max-w-96 text-wrap whitespace-pre-wrap flex flex-grow w-max overflow-hidden"
+													>
+														{JSON.stringify(val, null, 2)}
 													</div>
 												{/each}
 											</div>