diff --git a/components/graph/index.js b/components/graph/index.js index c2543de..9d69c80 100644 --- a/components/graph/index.js +++ b/components/graph/index.js @@ -497,8 +497,13 @@ const SinkText = ({ dgo, pai, state, selected }) => r(React.Fragment, [ title: pai.name, }, pai.description), ]), - !selected && r(VolumeThumbnail, { pai, state }), - selected && r(VolumeControls, { pai, state }), + + r.div({ + className: 'node-main', + }, [ + r(selected ? VolumeControls : VolumeThumbnail, { pai, state }), + ]), + r(RemoteTunnelInfo, { pai }), r(DebugText, { dgo, pai, state }), ]); @@ -519,8 +524,13 @@ const SourceText = ({ dgo, pai, state, selected }) => r(React.Fragment, [ title: pai.name, }, pai.description), ]), - !selected && r(VolumeThumbnail, { pai, state }), - selected && r(VolumeControls, { pai, state }), + + r.div({ + className: 'node-main', + }, [ + r(selected ? VolumeControls : VolumeThumbnail, { pai, state }), + ]), + r(RemoteTunnelInfo, { pai }), r(DebugText, { dgo, pai, state }), ]); diff --git a/index.css b/index.css index 28f4ab0..c60c31b 100644 --- a/index.css +++ b/index.css @@ -302,7 +302,7 @@ div[tabindex="-1"]:focus { flex-direction: column; } -.node-text > .volume-thumbnail { +.node-text > .node-main { flex-grow: 1; }