diff --git a/client/src/components/Supporters.js b/client/src/components/Supporters.js index b87b5d8242..df38f8357a 100644 --- a/client/src/components/Supporters.js +++ b/client/src/components/Supporters.js @@ -24,7 +24,8 @@ function Supporters({ isDonating, activeDonations }) {
- {activeDonations} supporters out of 10,000 goal + {commaNumber(activeDonations)} supporters out of 10,000 supporter + goal
@@ -35,14 +36,21 @@ function Supporters({ isDonating, activeDonations }) {

freeCodeCamp.org is a tiny non-profit that's helping millions of people learn to code for free.
- {isDonating - ? "Thanks for being a supporter! Do you know anyone who's " + - 'interested in technology? Encourage them to join the ' + - 'community as well.' - : `Join ${commaNumber( - activeDonations - )} supporters. Your $5 / month donation will help ` + - 'keep tech education free and open.'} +
+ {isDonating ? ( + + Thanks for being a supporter! +
+
+ Do you know anyone who's interested in technology? Encourage + them to join the community as well. +
+ ) : ( + `Join ${commaNumber( + activeDonations + )} supporters. Your $5 / month donation will help ` + + 'keep tech education free and open.' + )}

diff --git a/client/src/components/supporters.css b/client/src/components/supporters.css index dd42d1ba7d..fcfd627415 100644 --- a/client/src/components/supporters.css +++ b/client/src/components/supporters.css @@ -6,12 +6,3 @@ #supporter-progress-wrapper .progress-bar { padding-top: 8px; } - -#progress-label-wrapper { - text-align: left; - padding-left: 10px; - margin-bottom: 25px; - position: absolute; - top: 0; - margin-top: 9px; -}