From 2e611c20d48ca26289a32f22c2f607fa81a5cfc3 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 26 Oct 2017 20:35:04 +0200
Subject: [PATCH] fix text positioning in Firefox

---
 .../src/less/components/umb-progress-circle.less             | 5 +----
 .../src/views/components/umb-progress-circle.html            | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-progress-circle.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-progress-circle.less
index e7c669054e..348d7bb5db 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-progress-circle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-progress-circle.less
@@ -1,8 +1,5 @@
 .umb-progress-circle {
     position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
 }
 
 .umb-progress-circle__view-box {
@@ -47,6 +44,6 @@
 // the text in the center
 .umb-progress-circle__percentage {
     font-size: 16px;
-    font-weight: 700;
+    font-weight: bold;
     text-align: center;
 }
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-progress-circle.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-progress-circle.html
index 9c23d2e89c..3864042e9f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-progress-circle.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-progress-circle.html
@@ -1,4 +1,4 @@
-<div class="umb-progress-circle" ng-style="{'width': size, 'height': size }">
+<div class="umb-progress-circle" ng-style="{'width': size, 'height': size, 'line-height': size + 'px' }">
     <svg class="umb-progress-circle__view-box" viewBox="0 0 100 100">
         <circle class="umb-progress-circle__bg" cx="50" cy="50" r="47" fill="none" stroke-width="6"/>
         <circle class="umb-progress-circle__highlight umb-progress-circle__highlight--{{ color }}" cx="50" cy="50" r="47" fill="none" stroke-width="6" stroke-dasharray="{{ strokeDashArray }}" stroke-dashoffset="{{ strokeDashOffset }}" />