From c806ffe06dbe9bba23b1272428468dd2391cdd9b Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Fri, 29 Aug 2025 14:16:33 +0000
Subject: [PATCH] fix: add consistent blue left border for selected nodes

- All selected nodes now show blue left border (border-l-blue-500)
- Unselected nodes have transparent border to prevent layout shift
- Consistent color across all nodes when selected
---
 frontend-modern/src/components/shared/NodeSummaryTable.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend-modern/src/components/shared/NodeSummaryTable.tsx b/frontend-modern/src/components/shared/NodeSummaryTable.tsx
index 99c6c5fb0..a84a78a07 100644
--- a/frontend-modern/src/components/shared/NodeSummaryTable.tsx
+++ b/frontend-modern/src/components/shared/NodeSummaryTable.tsx
@@ -174,7 +174,9 @@ export const NodeSummaryTable: Component<NodeSummaryTableProps> = (props) => {
                 return (
                   <tr 
                     class={`hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer transition-colors ${
-                      isSelected() ? 'bg-blue-50 dark:bg-blue-900/20' : ''
+                      isSelected() 
+                        ? 'bg-blue-50 dark:bg-blue-900/20 border-l-4 border-l-blue-500' 
+                        : 'border-l-4 border-l-transparent'
                     }`}
                     onClick={() => props.onNodeClick(nodeId, item.type)}
                   >