From f89975dc8abf0c79d43bbdf358b3def00a1c654d Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 30 Mar 2024 15:53:54 +0100
Subject: [PATCH] fix: tree view show more

---
 frontend/src/lib/components/home/TreeView.svelte     | 4 +++-
 frontend/src/lib/components/home/TreeViewRoot.svelte | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/home/TreeView.svelte b/frontend/src/lib/components/home/TreeView.svelte
index d4ae193099..b86b26009f 100644
--- a/frontend/src/lib/components/home/TreeView.svelte
+++ b/frontend/src/lib/components/home/TreeView.svelte
@@ -51,7 +51,9 @@
 				</div>
 
 				<div>
-					{#if depth === 0}f/{/if}{item.folderName}
+					<span class="whitespace-nowrap"
+						>{#if depth === 0}f/{/if}{item.folderName}</span
+					>
 					<div class="text-2xs font-normal text-secondary whitespace-nowrap">
 						({pluralize(item.items.length, ' item')})
 					</div>
diff --git a/frontend/src/lib/components/home/TreeViewRoot.svelte b/frontend/src/lib/components/home/TreeViewRoot.svelte
index 7983daf372..e1e32aaf0f 100644
--- a/frontend/src/lib/components/home/TreeViewRoot.svelte
+++ b/frontend/src/lib/components/home/TreeViewRoot.svelte
@@ -51,7 +51,7 @@
 			{/if}
 		{/each}
 	</div>
-	{#if groupedItems.length > 30 && nbDisplayed < groupedItems.length}
+	{#if groupedItems.length > 15 && nbDisplayed < groupedItems.length}
 		<span class="text-xs"
 			>{nbDisplayed} root nodes out of {groupedItems.length}
 			<button class="ml-4" on:click={() => (nbDisplayed += 30)}>load 30 more</button></span