From 212dd3ae228a0c30f5a1b5cd6da459cb0c959379 Mon Sep 17 00:00:00 2001
From: Thomas G <62822072+Thomasluigi07@users.noreply.github.com>
Date: Wed, 13 Jul 2022 21:23:13 +1000
Subject: [PATCH] updated buttons

---
 public/css/app.css | 58 +++++++++++++++++++---------------------------
 1 file changed, 24 insertions(+), 34 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index deb7b3c..2128bf8 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -339,6 +339,8 @@
     color: #fff !important;
   }
 
+
+  /*Button gradients by TersisWilvin*/
   button {
     background: rgb(45, 45, 45);
     /*Fallback for IE 11*/
@@ -352,73 +354,61 @@
     color: #fff;
   }
 
+  button:hover {
+    cursor: pointer;
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+
   button.bluebutton {
     background: rgb(35, 98, 222);
     /*Fallback for IE 11*/
-    background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
+    background: linear-gradient(0deg,#00a2ff 0%,#0074bd 49%,#08f 50%,#57c2fe 95%,#99daff 100%);
   }
 
   button:hover.bluebutton {
-    background: linear-gradient(#7ca1ef 10%, #4a7de4 49%, #396fdb 50%, #3168d6 100%);
-    cursor: pointer;
+    background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
   }
 
-  button:disabled.bluebutton {
-    background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
-    opacity: 0.5;
-    cursor: not-allowed;
+  button:active.bluebutton, button:focus.bluebutton  {
+    background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
   }
 
   button.greybutton {
-    background: rgb(45, 45, 45);
+    background: rgb(255, 255, 255);
+    color: black;
     /*Fallback for IE 11*/
-    background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
+    background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
   }
 
   button:hover.greybutton {
-    background: linear-gradient(#d1d8e6 10%, #b3b8c2 49%, #868a91 50%, #393b3e 100%);
-    cursor: pointer;
-  }
-
-  button:disabled.greybutton {
-    background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
-    opacity: 0.5;
-    cursor: not-allowed;
+    background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
   }
 
   button.redbutton {
     background: rgb(223, 24, 24);
     /*Fallback for IE 11*/
-    background: linear-gradient(#e65a5a 10%, #e13535 49%, #d92c2c 50%, #df1818 100%);
+    background: linear-gradient(0deg,#d86868 0%,#a95151 49%,#bc5c5c 50%,#e96f6f 95%,#fe7979 100%);
   }
 
   button:hover.redbutton {
-    background: linear-gradient(#e56c6c 10%, #dd4e4e 49%, #d14343 50%, #da2e2e 100%);
-    cursor: pointer;
-  }
-
-  button:disabled.redbutton {
-    background: linear-gradient(#e65a5a 10%, #e13535 49%, #d92c2c 50%, #df1818 100%);
-    opacity: 0.5;
-    cursor: not-allowed;
+    background: linear-gradient(0deg,#e27676 0%,#a95151 49%,#ca6363 50%,#f07272 95%,#fd8888 100%);
   }
 
   button.greenbutton {
     background: rgb(26, 92, 46);
     /*Fallback for IE 11*/
-    background: linear-gradient(#5acf77 10%, #3abc44 49%, #359c32 50%, #1a5c2e 100%);
+    background: linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%);
   }
 
   button:hover.greenbutton {
-    background: linear-gradient(#75f094 10%, #39d746 49%, #21b71c 50%, #137a32 100%);
-    cursor: pointer;
+    background: linear-gradient(0deg,#3fc679 0%,#15933f 49%,#3cc175 50%,#46dc86 95%,#53ff9d 100%);
   }
 
-  button:disabled.greenbutton {
-    background: linear-gradient(#75f094 10%, #39d746 49%, #21b71c 50%, #137a32 100%);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
 
   #footer_signup {
     text-align: center;