From 833b78c2e75828d4fe9def625e64ba3f8a17b45c Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Tue, 1 Mar 2016 16:12:38 +0100
Subject: [PATCH] Fix embedded logo size

* CSS transform is ignored in Safari, using SVG transform instead

Fixes #1071
---
 client/app/scripts/charts/nodes-chart.js |  4 +++-
 client/app/styles/main.less              | 13 ++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/client/app/scripts/charts/nodes-chart.js b/client/app/scripts/charts/nodes-chart.js
index 573440cfc..4fc139a0f 100644
--- a/client/app/scripts/charts/nodes-chart.js
+++ b/client/app/scripts/charts/nodes-chart.js
@@ -227,7 +227,9 @@ export default class NodesChart extends React.Component {
         {errorEmpty}
         {errorMaxNodesExceeded}
         <svg width="100%" height="100%" id="nodes-chart-canvas" className={svgClassNames} onClick={this.handleMouseClick}>
-          <Logo/>
+          <g transform="translate(24,24) scale(0.25)">
+            <Logo/>
+          </g>
           <g className="canvas" transform={transform}>
             <g className="edges">
               {edgeElements}
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 716c1699d..762397e9d 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -165,6 +165,12 @@ h2 {
   height: 80px;
   z-index: 20;
   display: flex;
+
+  .logo {
+    margin: -8px 0 0 64px;
+    height: 64px;
+    width: 250px;
+  }
 }
 
 .footer {
@@ -206,12 +212,6 @@ h2 {
   }
 }
 
-.logo {
-  margin: -8px 0 0 64px;
-  height: 64px;
-  width: 250px;
-}
-
 .topologies {
   margin: 4px 0 0 128px;
   display: flex;
@@ -297,7 +297,6 @@ h2 {
   svg.exported {
     .logo {
       display: inline;
-      transform: translate(24px, 24px) scale(0.25);
     }
   }