From 2dc95a10ab7e2feaa0ba1eda394680ddcef2f642 Mon Sep 17 00:00:00 2001
From: Buck Doyle <buck@hashicorp.com>
Date: Thu, 29 Oct 2020 08:13:41 -0500
Subject: [PATCH] Fix Firefox positioning of chart resource label (#9209)

alignment-baseline appears to be ignored in Firefox, but dominant-baseline
works. This also moves the anchor into CSS.
---
 ui/app/components/das/recommendation-chart.hbs | 2 --
 ui/app/styles/charts/recommendation-chart.scss | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/das/recommendation-chart.hbs b/ui/app/components/das/recommendation-chart.hbs
index 00ef97dc8..154baea0d 100644
--- a/ui/app/components/das/recommendation-chart.hbs
+++ b/ui/app/components/das/recommendation-chart.hbs
@@ -24,8 +24,6 @@
 
     <text
       class="resource"
-      alignment-baseline="central"
-      text-anchor="end"
       x={{this.resourceLabel.x}}
       y={{this.resourceLabel.y}}
     >
diff --git a/ui/app/styles/charts/recommendation-chart.scss b/ui/app/styles/charts/recommendation-chart.scss
index fbb6f8695..ed6723856 100644
--- a/ui/app/styles/charts/recommendation-chart.scss
+++ b/ui/app/styles/charts/recommendation-chart.scss
@@ -9,6 +9,8 @@
 
   .resource {
     font-weight: $weight-semibold;
+    dominant-baseline: central;
+    text-anchor: end;
   }
 
   .icon.delta g {