From 90e5ddee96264affeb7a65e05ba71266d8c2ec58 Mon Sep 17 00:00:00 2001
From: Brian Rogers <captbrogers@gmail.com>
Date: Thu, 1 Sep 2022 12:48:03 -0600
Subject: [PATCH] removing default border on gradient buttons, means the hover
 is broken

---
 src/resources/css/elements/buttons.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/resources/css/elements/buttons.css b/src/resources/css/elements/buttons.css
index 7a56e1d..0951c95 100644
--- a/src/resources/css/elements/buttons.css
+++ b/src/resources/css/elements/buttons.css
@@ -38,13 +38,13 @@
 .button-sm[class*="button-gradient"],
 .button[class*="button-gradient"],
 .button-lg[class*="button-gradient"] {
-    @apply transition-all duration-300 ease-in-out border-2;
+    @apply transition-all duration-300 ease-in-out;
 }
 
 .button-gradient-primary {
     @apply text-white;
     background: linear-gradient(to right, hsl(291, 95.9%, 61.8%), hsl(187, 100%, 41.6%));
-    border-color: hsl(187, 100%, 41.6%);
+    /*border-color: hsl(187, 100%, 41.6%);*/
     box-shadow: 0 4px 12px 0 hsla(223, 15.7%, 65.1%, 0.1);
 }
 .button-gradient-primary:hover {
@@ -54,7 +54,7 @@
 .button-gradient-secondary {
     @apply text-white;
     background: linear-gradient(to right, hsl(229, 75.9%, 65.9%), hsl(270, 36.7%, 46.5%) 90%);
-    border-color: hsl(270, 36.7%, 46.5%);
+    /*border-color: hsl(270, 36.7%, 46.5%);*/
     box-shadow: 0 4px 15px 0 hsla(265, 36%, 48.4%, 0.75);
 }
 .button-gradient-secondary:hover {
@@ -64,7 +64,7 @@
 .button-gradient-tertiary {
     @apply text-white;
     background: linear-gradient(to right, hsl(212, 18.8%, 19.8%), hsl(211, 15.8%, 33.5%));
-    border-color: hsl(211, 15.8%, 33.5%);
+    /*border-color: hsl(211, 15.8%, 33.5%);*/
     box-shadow: 0 4px 15px 0 hsla(213, 18.2%, 21.6%, 0.75);
 }
 .button-gradient-tertiary:hover {
@@ -75,7 +75,7 @@
 .button-gradient-info {
     @apply text-white;
     background: linear-gradient(to right, hsl(198, 75.8%, 51.4%), hsl(218, 80.7%, 59.4%));
-    border-color: hsl(218, 80.7%, 59.4%);
+    /*border-color: hsl(218, 80.7%, 59.4%);*/
     box-shadow: 0 4px 15px 0 hsla(216, 80.1%, 58.6%, 0.75);
 }
 .button-gradient-info:hover {
@@ -85,7 +85,7 @@
 .button-gradient-success {
     @apply text-white;
     background: linear-gradient(to right, hsl(151, 71.8%, 52.7%), hsl(151, 61.8%, 44.1%));
-    border-color: hsl(151, 61.8%, 44.1%);
+    /*border-color: hsl(151, 61.8%, 44.1%);*/
     box-shadow: 0 4px 15px 0 hsla(155, 75.9%, 37.5%, 0.75);
 }
 .button-gradient-success:hover {
@@ -95,7 +95,7 @@
 .button-gradient-warning {
     @apply text-white;
     background: linear-gradient(to right, hsl(44, 88%, 67.3%), hsl(14, 97.4%, 45.3%));
-    border-color: hsl(14, 97.4%, 45.3%);
+    /*border-color: hsl(14, 97.4%, 45.3%);*/
     box-shadow: 0 4px 15px 0 hsla(15, 91.6%, 46.9%, 0.75);
 }
 .button-gradient-warning:hover {
@@ -105,7 +105,7 @@
 .button-gradient-danger {
     @apply text-white;
     background: linear-gradient(to right, hsl(357, 81.7%, 57.3%), hsl(358, 84%, 65.7%));
-    border-color: hsl(358, 84%, 65.7%);
+    /*border-color: hsl(358, 84%, 65.7%);*/
     box-shadow: 0 5px 15px hsla(358, 96.1%, 69.8%, 0.4);
 }
 .button-gradient-danger:hover {