From 4fdda949f1ba57fd09b5b2ce1f28f4ac3a5585c5 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Tue, 26 Sep 2017 17:18:52 -0700
Subject: [PATCH] Use an absolute positioning for narrow chart

translateY(-50%) doesn't work on svg elements in firefox, apparently?
---
 ui/app/styles/charts/distribution-bar.scss | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/ui/app/styles/charts/distribution-bar.scss b/ui/app/styles/charts/distribution-bar.scss
index 7ea4530ad..a59c041fb 100644
--- a/ui/app/styles/charts/distribution-bar.scss
+++ b/ui/app/styles/charts/distribution-bar.scss
@@ -21,12 +21,7 @@
         opacity: 0;
       }
 
-      $color-sequence: $orange,
-        $yellow,
-        $green,
-        $turquoise,
-        $blue,
-        $purple,
+      $color-sequence: $orange, $yellow, $green, $turquoise, $blue, $purple,
         $red;
 
       @for $i from 1 through length($color-sequence) {
@@ -69,7 +64,8 @@
         // Ensure two columns, but don't use the full width
         width: 35%;
 
-        .label, .value {
+        .label,
+        .value {
           display: inline;
           font-weight: $weight-normal;
         }
@@ -89,8 +85,4 @@
       }
     }
   }
-
-  &.is-narrow .bar {
-    transform: translateY(-50%);
-  }
 }