From 5cf8ee2a6b15d24e57cbd7b41cbae83434e1ef59 Mon Sep 17 00:00:00 2001
From: Simon Howe <footless@gmail.com>
Date: Wed, 10 Aug 2016 14:10:10 +0200
Subject: [PATCH] Move chrome-css-fix out of js into css w/ comment

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

diff --git a/client/app/scripts/charts/node.js b/client/app/scripts/charts/node.js
index aa7e4cf39..6d969b37d 100644
--- a/client/app/scripts/charts/node.js
+++ b/client/app/scripts/charts/node.js
@@ -128,7 +128,7 @@ class Node extends React.Component {
           <foreignObject style={{pointerEvents: 'none'}} x={labelOffsetX} y={labelOffsetY}
             width={labelWidth} height="100em">
             <div className="node-label-wrapper"
-              style={{pointerEvents: 'all', fontSize, lineHeight: '150%', maxWidth: labelWidth}}
+              style={{pointerEvents: 'all', fontSize, maxWidth: labelWidth}}
               {...mouseEvents}>
               <div className={labelClassName}>
                 <MatchedText text={label} match={matches.get('label')} />
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 2dfdd7448..c03e953b7 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -371,6 +371,12 @@ h2 {
     }
 
     .node-label-wrapper {
+
+      //
+      // Base line height doesn't hop across foreignObject =/
+      //
+      line-height: 150%;
+
       //
       // inline-block so wrapper is only as wide as content.
       //