diff --git a/client/app/scripts/components/node-details.js b/client/app/scripts/components/node-details.js index 56a2c20ee..156f24af8 100644 --- a/client/app/scripts/components/node-details.js +++ b/client/app/scripts/components/node-details.js @@ -54,7 +54,9 @@ export class NodeDetails extends React.Component {
{showSwitchTopology && } + className="fa fa-long-arrow-left" onClick={this.handleShowTopologyForNode}> + View in {this.props.topologyId} + }
diff --git a/client/app/styles/main.less b/client/app/styles/main.less index ba220398e..e20c6903b 100644 --- a/client/app/styles/main.less +++ b/client/app/styles/main.less @@ -619,7 +619,7 @@ h2 { top: 6px; right: 8px; - span { + > span { .btn-opacity; padding: 4px 5px; margin-left: 2px; @@ -627,7 +627,13 @@ h2 { color: @white; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0); - border-radius: 10%; + border-radius: 4px; + + span { + font-family: @base-font; + font-size: 0.9em; + margin-left: 4px; + } &:hover { border-color: rgba(255, 255, 255, 0.6);