fix spacing around axis label text in small breakpoints

ab9ad2db · Mike Greiling · 1e283044 · ab9ad2db
Commit ab9ad2db authored Feb 22, 2018 by Mike Greiling
Show whitespace changes
Inline Side-by-side

Showing with 3 additions and 2 deletions

app/assets/javascripts/monitoring/components/graph/legend.vue ...assets/javascripts/monitoring/components/graph/legend.vue +3 -2

No files found.
--- a/app/assets/javascripts/monitoring/components/graph/legend.vue
+++ b/app/assets/javascripts/monitoring/components/graph/legend.vue
@@ -62,8 +62,9 @@
      },

      rectTransform() {
-        const yCoordinate = ((this.graphHeight - this.margin.top) / 2)
-                            + (this.yLabelWidth / 2) + 10 || 0;
+        const yCoordinate = (((this.graphHeight - this.margin.top)
+                            + this.measurements.axisLabelLineOffset) / 2)
+                            + (this.yLabelWidth / 2) || 0;

        return `translate(0, ${yCoordinate}) rotate(-90)`;
      },