Merge pull request #1084 from weaveworks/1071-fix-embedded-logo

Fix embedded logo size for Safari

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}

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);
     }
   }