From 331ea3ebf93d5300f9a5f7b63d289f71541a2261 Mon Sep 17 00:00:00 2001
From: Bouncey <staylor1012@gmail.com>
Date: Thu, 29 Nov 2018 13:29:41 +0000
Subject: [PATCH] fix: Move progress label out of the progress bar

---
 client/src/components/Supporters.js  | 11 ++++++-----
 client/src/components/supporters.css |  9 ++++++++-
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Supporters.js b/client/src/components/Supporters.js
index 5402d5b9434..46ab966c5de 100644
--- a/client/src/components/Supporters.js
+++ b/client/src/components/Supporters.js
@@ -16,11 +16,12 @@ function Supporters({ isDonating }) {
       </FullWidthRow>
       <FullWidthRow>
         <div id='supporter-progress-wrapper'>
-          <ProgressBar
-            label={'4000 supporters out of 10,000 goal'}
-            max={10000}
-            now={4000}
-          />
+          <ProgressBar max={10000} now={400} />
+          <div id='progress-label-wrapper'>
+            <span className='progress-label'>
+              4000 supporters out of 10,000 goal
+            </span>
+          </div>
         </div>
       </FullWidthRow>
       <FullWidthRow>
diff --git a/client/src/components/supporters.css b/client/src/components/supporters.css
index b44ccbf5686..554af919d1c 100644
--- a/client/src/components/supporters.css
+++ b/client/src/components/supporters.css
@@ -1,7 +1,14 @@
 #supporter-progress-wrapper .progress {
   height: 38px;
+  margin-bottom: 0px;
 }
 
 #supporter-progress-wrapper .progress-bar {
   padding-top: 8px;
-}
\ No newline at end of file
+}
+
+#progress-label-wrapper {
+  text-align: left;
+  padding-left: 10px;
+  margin-bottom: 25px;
+}