From fe2bfe2ffad9c7a1cb1370406273f61c6214bf17 Mon Sep 17 00:00:00 2001
From: Simon Howe <footless@gmail.com>
Date: Fri, 4 Nov 2016 10:07:08 +0100
Subject: [PATCH] Use the familiar ALLCAPS for topo name in show-in-topo button

---
 client/app/scripts/components/node-details.js | 2 +-
 client/app/styles/main.less                   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/app/scripts/components/node-details.js b/client/app/scripts/components/node-details.js
index 156f24af8..4e7f7ee6a 100644
--- a/client/app/scripts/components/node-details.js
+++ b/client/app/scripts/components/node-details.js
@@ -55,7 +55,7 @@ export class NodeDetails extends React.Component {
         <div className="node-details-tools">
           {showSwitchTopology && <span title={topologyTitle}
             className="fa fa-long-arrow-left" onClick={this.handleShowTopologyForNode}>
-            <span>View in {this.props.topologyId}</span>
+            <span>Show in <span>{this.props.topologyId.replace(/-/g, ' ')}</span></span>
           </span>}
           <span title="Close details" className="fa fa-close" onClick={this.handleClickClose} />
         </div>
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index e20c6903b..52ae2e67b 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -633,6 +633,12 @@ h2 {
         font-family: @base-font;
         font-size: 0.9em;
         margin-left: 4px;
+
+        span {
+          font-size: 1em;
+          margin-left: 0;
+          text-transform: uppercase;
+        }
       }
 
       &:hover {