From 76e751fa73419cb29ca2166cc133ea937765e7f4 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 17 Sep 2026 10:03:17 +0100
Subject: [PATCH] web/components: improve spacing and icons in difftree

Signed-off-by: oppiliappan <me@oppi.li>
---
 web/src/lib/components/repo/DiffFileTree.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/lib/components/repo/DiffFileTree.svelte b/web/src/lib/components/repo/DiffFileTree.svelte
index 201034e92..e7cb8a218 100644
--- a/web/src/lib/components/repo/DiffFileTree.svelte
+++ b/web/src/lib/components/repo/DiffFileTree.svelte
@@ -7,7 +7,7 @@
 			row: "group my-0.5 inline-flex w-full items-center gap-2 rounded-sm px-1.5 py-0.75 text-foreground-default transition-colors hover:bg-background-subtle",
 			icon: "size-4 shrink-0 text-foreground-placeholder transition-colors group-hover:text-foreground-default",
 			name: "truncate select-none",
-			children: "ml-0.5 border-l border-border-subtle pl-1.5"
+			children: "ml-3.5 border-l border-border-subtle pl-1.5"
 		},
 		variants: {
 			kind: {
@@ -61,8 +61,8 @@
 <script lang="ts">
 	import File from "$icon/file";
 	import { fileAnchor } from "$lib/components/repo/fileAnchor.svelte";
-	import Folder from "$icon/folder";
-	import FolderOpenDuo from "$lib/components/icons/FolderOpenDuo.svelte";
+	import ChevronDown from "$icon/chevron-down";
+	import ChevronRight from "$icon/chevron-right";
 
 	interface Props {
 		/** full slash-separated paths, linked as the diff's own file anchors */
@@ -88,9 +88,9 @@
 			<details {open} ontoggle={(e) => (closed[node.path] = !e.currentTarget.open)}>
 				<summary class={dir.row()}>
 					{#if open}
-						<FolderOpenDuo class={dir.icon()} aria-hidden="true" />
+						<ChevronDown class={dir.icon()} aria-hidden="true" />
 					{:else}
-						<Folder class={dir.icon()} aria-hidden="true" />
+						<ChevronRight class={dir.icon()} aria-hidden="true" />
 					{/if}
 					<span class={dir.name()}>{node.name}</span>
 				</summary>
-- 
2.51.2