From 48c8b6573adff79e3e8664277ee99b32160ec2d5 Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Wed, 9 Jun 2021 18:57:40 -0700
Subject: [PATCH] Improving circular progress functionality.

---
 circular-progress.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/circular-progress.js b/circular-progress.js
index 411d0aa..918a4f8 100644
--- a/circular-progress.js
+++ b/circular-progress.js
@@ -8,6 +8,16 @@ class CircularProgress extends IgniteElement {
 
     get styles() {
         return /*css*/`
+        mt-circular-progress {
+            display: flex;
+            flex-direction: column;
+        }
+        
+        mt-circular-progress > div {
+            position: relative;
+            flex: 1;
+        }
+
         mt-circular-progress > div > svg {
             position: absolute;
             z-index: 1;
@@ -57,7 +67,7 @@ class CircularProgress extends IgniteElement {
 
     render() {
         return this.template.child(
-            new div().style("position", "relative").child(
+            new div().child(
                 new svg()
                     .attribute("viewBox", "22 22 44 44")
                     .style("width", this.size)