From 49dd057370f60445539c17a31f3fa04a60a446ae Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Thu, 21 Nov 2019 09:38:39 -0500
Subject: [PATCH] update stepper styling

---
 src/components/projects/FundStepper.jsx       | 16 ++++++++--------
 src/components/projects/styles/FundProject.js |  5 +++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/projects/FundStepper.jsx b/src/components/projects/FundStepper.jsx
index ae50090..ff31f27 100644
--- a/src/components/projects/FundStepper.jsx
+++ b/src/components/projects/FundStepper.jsx
@@ -11,7 +11,7 @@ import GroupAddIcon from '@material-ui/icons/GroupAdd';
 import VideoLabelIcon from '@material-ui/icons/VideoLabel';
 import StepConnector from '@material-ui/core/StepConnector';
 
-const QontoConnector = withStyles({
+const QontoConnector = withStyles(theme => ({
   alternativeLabel: {
     top: 10,
     left: 'calc(-50% + 16px)',
@@ -19,12 +19,12 @@ const QontoConnector = withStyles({
   },
   active: {
     '& $line': {
-      borderColor: '#4360DF',
+      borderColor: theme.palette.primary[500],
     },
   },
   completed: {
     '& $line': {
-      borderColor: '#4360DF',
+      borderColor: theme.palette.primary[500],
     },
   },
   line: {
@@ -32,9 +32,9 @@ const QontoConnector = withStyles({
     borderTopWidth: 3,
     borderRadius: 1,
   },
-})(StepConnector);
+}))(StepConnector);
 
-const useQontoStepIconStyles = makeStyles({
+const useQontoStepIconStyles = makeStyles(theme => ({
   root: {
     color: '#eaeaf0',
     display: 'flex',
@@ -42,7 +42,7 @@ const useQontoStepIconStyles = makeStyles({
     alignItems: 'center',
   },
   active: {
-    color: '#4360DF',
+    color: theme.palette.primary[500],
   },
   circle: {
     width: 8,
@@ -51,11 +51,11 @@ const useQontoStepIconStyles = makeStyles({
     backgroundColor: 'currentColor',
   },
   completed: {
-    color: '#4360DF',
+    color: theme.palette.primary[500],
     zIndex: 1,
     fontSize: 18,
   },
-});
+}));
 
 function QontoStepIcon(props) {
   const classes = useQontoStepIconStyles();
diff --git a/src/components/projects/styles/FundProject.js b/src/components/projects/styles/FundProject.js
index 35e5342..d08286b 100644
--- a/src/components/projects/styles/FundProject.js
+++ b/src/components/projects/styles/FundProject.js
@@ -14,7 +14,8 @@ const styles = theme => ({
   amountText: {
     gridColumnStart: 6,
     alignSelf: 'center',
-    color: '#939BA1'
+    color: '#939BA1',
+    paddingTop: '100%'
   },
   amountInput: {
     textAlign: 'right'
@@ -143,7 +144,7 @@ const styles = theme => ({
   },
   chatText: {
     marginTop: '15px',
-    color: '#4360DF'
+    color: theme.palette.primary[500]
   },
   link:{
     textDecoration: 'none'