From 44afe6cc7698ae8563ba0424cd81d106655151c8 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 18 Jul 2024 00:49:35 +0200
Subject: [PATCH] fix file tree margins

---
 .../src/lib/components/collapsible-tree/CollapsibleTree.svelte | 2 --
 .../lib/components/collapsible-tree/CollapsibleTreeNode.svelte | 3 +--
 website/src/lib/components/file-list/FileListNode.svelte       | 2 +-
 website/src/lib/components/file-list/FileListNodeStore.svelte  | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte b/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
index 044a3840..6a4541ee 100644
--- a/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
+++ b/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
@@ -4,7 +4,6 @@
 
 	export let defaultState: 'open' | 'closed' = 'open';
 	export let side: 'left' | 'right' = 'right';
-	export let margin: number = 1;
 	export let nohover: boolean = false;
 	export let slotInsideTrigger: boolean = true;
 
@@ -13,7 +12,6 @@
 	setContext('collapsible-tree-default-state', defaultState);
 	setContext('collapsible-tree-state', open);
 	setContext('collapsible-tree-side', side);
-	setContext('collapsible-tree-margin', margin);
 	setContext('collapsible-tree-nohover', nohover);
 	setContext('collapsible-tree-parent-id', 'root');
 	setContext('collapsible-tree-slot-inside-trigger', slotInsideTrigger);
diff --git a/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte b/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
index a84fc4b0..de0728c3 100644
--- a/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
+++ b/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
@@ -10,7 +10,6 @@
 	let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state');
 	let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state');
 	let side = getContext<'left' | 'right'>('collapsible-tree-side');
-	let margin = getContext<number>('collapsible-tree-margin');
 	let nohover = getContext<boolean>('collapsible-tree-nohover');
 	let slotInsideTrigger = getContext<boolean>('collapsible-tree-slot-inside-trigger');
 	let parentId = getContext<string>('collapsible-tree-parent-id');
@@ -92,7 +91,7 @@
 		</Button>
 	{/if}
 
-	<Collapsible.Content class="ml-{margin} pl-{margin}">
+	<Collapsible.Content class="ml-2">
 		<slot name="content" />
 	</Collapsible.Content>
 </Collapsible.Root>
diff --git a/website/src/lib/components/file-list/FileListNode.svelte b/website/src/lib/components/file-list/FileListNode.svelte
index 2e054b9e..f660b173 100644
--- a/website/src/lib/components/file-list/FileListNode.svelte
+++ b/website/src/lib/components/file-list/FileListNode.svelte
@@ -72,7 +72,7 @@
 {:else if recursive}
 	<CollapsibleTreeNode id={item.getId()} bind:this={collapsible}>
 		<FileListNodeLabel {node} {item} {label} slot="trigger" />
-		<div slot="content">
+		<div slot="content" class="ml-2">
 			{#key node}
 				<FileListNodeContent {node} {item} />
 			{/key}
diff --git a/website/src/lib/components/file-list/FileListNodeStore.svelte b/website/src/lib/components/file-list/FileListNodeStore.svelte
index c6d47b33..9f221186 100644
--- a/website/src/lib/components/file-list/FileListNodeStore.svelte
+++ b/website/src/lib/components/file-list/FileListNodeStore.svelte
@@ -14,7 +14,7 @@
 
 {#if $file}
 	{#if recursive}
-		<CollapsibleTree side="left" margin={4} defaultState="closed" slotInsideTrigger={false}>
+		<CollapsibleTree side="left" defaultState="closed" slotInsideTrigger={false}>
 			<FileListNode node={$file.file} item={new ListFileItem($file.file._data.id)} />
 		</CollapsibleTree>
 	{:else}