From bdaa6309f4f4dde3dfe0cc470af53c1ef5cbf149 Mon Sep 17 00:00:00 2001
From: Lynn <lynn@foldr.moe>
Date: Mon, 6 May 2024 13:41:49 +0200
Subject: [PATCH] Roof triangles

---
 src/web/TreeBrowser.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/web/TreeBrowser.tsx b/src/web/TreeBrowser.tsx
index e9a0331..616615d 100644
--- a/src/web/TreeBrowser.tsx
+++ b/src/web/TreeBrowser.tsx
@@ -75,6 +75,14 @@ export function TreeBrowser(props: {
 				</div>
 			) : children.length ? (
 				<div className="tree-roof" onClick={() => setExpanded(true)}>
+					<svg
+						height="8"
+						width="100%"
+						preserveAspectRatio="none"
+						viewBox="0 0 50 10"
+					>
+						<path d="M25 0 L50 8 L0 8 Z" fill="none" stroke="black" />
+					</svg>
 					<div className="tree-word">{treeText(tree) || '(expand)'}</div>
 				</div>
 			) : undefined}