From 0344ca6cfddf2626658c1c4ae087d9e62dc677a5 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Tue, 20 Jan 2026 14:14:23 +0100
Subject: [PATCH] [dyad] Added padding to headline tree - wrote 1 file(s)

---
 src/components/headline-tree.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/headline-tree.tsx b/src/components/headline-tree.tsx
index cd4767c..cbc585c 100644
--- a/src/components/headline-tree.tsx
+++ b/src/components/headline-tree.tsx
@@ -2,6 +2,7 @@
 
 import { Badge } from "@/components/ui/badge";
 import type { HeadlineNode } from "@/app/actions";
+import { cn } from "@/lib/utils";
 
 interface HeadlineTreeProps {
   headlines: HeadlineNode[];
@@ -15,10 +16,10 @@ const HeadlineNodeDisplay = ({
   level: number;
 }) => {
   return (
-    <div className="flex flex-col">
+    <div className="flex flex-col border-t first:border-t-0">
       <div
-        className="flex items-center gap-3 py-2.5 border-b"
-        style={{ paddingLeft: `${level * 24}px` }}
+        className="flex items-center gap-3 py-2.5 pr-4"
+        style={{ paddingLeft: `${16 + level * 24}px` }}
       >
         <Badge
           variant="secondary"