diff --git a/frontend/src/pages/SurfacePage.tsx b/frontend/src/pages/SurfacePage.tsx index 06ccf4a8..97c8158d 100644 --- a/frontend/src/pages/SurfacePage.tsx +++ b/frontend/src/pages/SurfacePage.tsx @@ -77,33 +77,18 @@ function NodeCard({ onClick={onClick} className={`surface-node-card${selected ? ' selected' : ''}`} style={{ - display: 'flex', - flexDirection: 'column', - alignItems: 'flex-start', - gap: 'var(--space-1)', - padding: 'var(--space-3)', border: `1px solid ${selected ? color : 'var(--border)'}`, borderLeft: `4px solid ${color}`, - borderRadius: 'var(--radius-2)', background: selected ? 'var(--surface-2)' : 'var(--surface-1)', - cursor: 'pointer', - textAlign: 'left', - width: '100%', }} > - + #{index} · {node.node.replace('_', ' ')} {node.node === 'entry_point' && node.auth_required ? ' · auth' : ''} - - {nodeTitle(node)} - - - {nodeSubtitle(node)} - - - {nodeLocation(node)} - + {nodeTitle(node)} + {nodeSubtitle(node)} + {nodeLocation(node)} ); } @@ -141,7 +126,7 @@ function NeighborList({ }) { if (index === null) { return ( -

+

Select a node on the left to see its neighbours.

); @@ -155,54 +140,26 @@ function NeighborList({ const renderEdges = (edges: SurfaceEdge[], direction: 'in' | 'out') => { if (edges.length === 0) { return ( -

+

(no {direction === 'in' ? 'inbound' : 'outbound'} edges)

); } return ( -