From 214ce4a3d2d8ccb19db0f9bd39156d136b6b4044 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Thu, 15 Oct 2020 11:03:26 -0700
Subject: [PATCH] Work around Safari's lack of text transform support

---
 ui/app/styles/charts/topo-viz-node.scss       | 7 +++++--
 ui/app/templates/components/topo-viz/node.hbs | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/app/styles/charts/topo-viz-node.scss b/ui/app/styles/charts/topo-viz-node.scss
index cfef333209d..1da8b49400d 100644
--- a/ui/app/styles/charts/topo-viz-node.scss
+++ b/ui/app/styles/charts/topo-viz-node.scss
@@ -64,8 +64,11 @@
   .empty-text {
     fill: $red;
     transform: translate(50%, 50%);
-    text-anchor: middle;
-    alignment-baseline: central;
+
+    text {
+      text-anchor: middle;
+      alignment-baseline: central;
+    }
   }
 
   & + .topo-viz-node {
diff --git a/ui/app/templates/components/topo-viz/node.hbs b/ui/app/templates/components/topo-viz/node.hbs
index fc02614a23c..093eaaa1a3c 100644
--- a/ui/app/templates/components/topo-viz/node.hbs
+++ b/ui/app/templates/components/topo-viz/node.hbs
@@ -109,7 +109,7 @@
         </g>
       </g>
     {{else}}
-      <text data-test-empty-message class="empty-text">Empty Client</text>
+      <g class="empty-text"><text data-test-empty-message>Empty Client</text></g>
     {{/if}}
   </svg>
 </div>