From 6fdb944b1e1edc56c3a642695bdb757b6d5816eb Mon Sep 17 00:00:00 2001
From: fawney19 <elky0401@gmail.com>
Date: Tue, 13 Jan 2026 19:17:53 +0800
Subject: [PATCH] fix(ui): correct node-line positioning for horizontal scroll

Add proper absolute positioning (right: -64px, top: 50%) to ensure
connection lines correctly span the gap between timeline nodes.
---
 .../features/usage/components/HorizontalRequestTimeline.vue   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/usage/components/HorizontalRequestTimeline.vue b/frontend/src/features/usage/components/HorizontalRequestTimeline.vue
index 1ce7324..4d851fb 100644
--- a/frontend/src/features/usage/components/HorizontalRequestTimeline.vue
+++ b/frontend/src/features/usage/components/HorizontalRequestTimeline.vue
@@ -956,10 +956,12 @@ const getStatusColorClass = (status: string) => {
 
 .node-line {
   position: absolute;
+  right: -64px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 64px;
   height: 2px;
   background: hsl(var(--border));
-  margin: 0 -1px;
   z-index: 1;
 }