From 9a1d05e4044d8eba89009e65e4f06f374198ea43 Mon Sep 17 00:00:00 2001
From: Nadeesha Cabral <n@nadeesha.me>
Date: Tue, 10 Dec 2024 12:36:59 +1100
Subject: [PATCH] fix: Adjust vertical spacing and text size in DebugEvent
 component

---
 app/components/debug-event.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/components/debug-event.tsx b/app/components/debug-event.tsx
index 8d0d32a3..babfa813 100644
--- a/app/components/debug-event.tsx
+++ b/app/components/debug-event.tsx
@@ -71,14 +71,12 @@ export function DebugEvent({
 
   return (
     <div className="ml-8 py-2 relative">
-      <div className="absolute left-1 top-0 bottom-0 w-[2px] bg-gray-200 -top-2 -bottom-2"></div>
+      <div className="absolute left-1 top-0 bottom-0 w-[2px] bg-gray-200 -top-4 -bottom-4"></div>
 
       <div className="flex items-center space-x-2 mb-1 relative">
         <div className="w-2 h-2 bg-blue-500 rounded-full relative z-10 ring-4 ring-white"></div>
         <div className="flex items-center gap-2">
-          <p className="text-sm font-medium text-gray-700">
-            {startCase(event.type)}
-          </p>
+          <p className="text-xs text-gray-700">{startCase(event.type)}</p>
           <span className="text-xs text-muted-foreground font-mono">
             {formatDateTime(event.createdAt)}
             <span className="text-muted-foreground font-mono text-blue-400">