[dyad] Added padding to headline tree - wrote 1 file(s)

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"