From 59c1b153411524d8dca5a3403b6fe97c9d258ac3 Mon Sep 17 00:00:00 2001
From: Nishank Priydarshi
 <73386487+theMillenniumFalcon@users.noreply.github.com>
Date: Sun, 13 Jun 2021 17:58:23 +0530
Subject: [PATCH] "REGISTER ME" button updated

The "REGISTER ME" button is updated so now the it will perform a transition on hovering.
---
 src/views/pages/register/Register.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/pages/register/Register.js b/src/views/pages/register/Register.js
index d2e7395..971314d 100644
--- a/src/views/pages/register/Register.js
+++ b/src/views/pages/register/Register.js
@@ -90,12 +90,20 @@ const useStyles = makeStyles(theme => ({
   },
   registerButton: {
     width: '140px',
-    backgroundColor: '#291757',
+    backgroundColor: '#ffffff',
+    color: '#291757',
     borderRadius: '20px',
     padding: '5px',
     marginLeft: '16px',
     marginTop: 12,
-    marginBottom: 16
+    marginBottom: 16,
+    border: '1px solid #291757',
+    transition: 'all 0.1s ease 0s',
+    "&:hover": {
+      color: '#ffffff',
+      borderColor: 'transparent',
+      backgroundColor: '#291757',
+    }
   }
 }));
 
@@ -230,7 +238,7 @@ function Register() {
                     className={classes.registerButton}
                     onClick={handleRegister}
                   >
-                    <Typography style={{ color: '#fff' }}>
+                    <Typography variant = "h5" component = "div">
                       Register Me
                     </Typography>
                   </Button>{' '}