From 0bd01b502afc882958c0625d5d59f271e696d7e8 Mon Sep 17 00:00:00 2001
From: shreyas61 <shreyasriram@rocknrollrobots25.com>
Date: Wed, 23 Oct 2024 22:57:47 -0700
Subject: [PATCH 1/3] Added the active and hover button states for the check
 button

---
 src/styles/Exercises/UnitCircleInput.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
index ea9810c..4264c1c 100644
--- a/src/styles/Exercises/UnitCircleInput.scss
+++ b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,6 +72,29 @@
   padding: 1.25vw 2.5vw;
 }
 
+#unitcircleinput-check-button:hover {
+  @include font-styles();
+  background-color: colors.$primary-green;
+  border: 0.1em solid;
+  border-left-color: #e5e5e5;
+  border-radius: 10px;
+  border-style: outset;
+  border-top-color: #e5e5e5;
+  color: colors.$text-white;
+  padding: 1.25vw 2.5vw;
+
+  //border-width: 150px;
+}
+
+#unitcircleinput-check-button:active {
+  @include font-styles();
+  background-color: colors.$primary-green;
+  border: hidden;
+  border-radius: 10px;
+  color: colors.$text-white;
+  padding: 1vw 2vw;
+}
+
 #unitcircle-check-wrong {
   @include font-styles();
   color: red;

From d0c27af5047372d38b6587c0e3b2a7a7d0e25bbf Mon Sep 17 00:00:00 2001
From: shreyas61 <shreyasriram@rocknrollrobots25.com>
Date: Thu, 24 Oct 2024 14:42:27 -0700
Subject: [PATCH 2/3] Adjusted the check button active and hover functions,
 removed repetitions. Used box-shaow, added transform.

---
 src/styles/Exercises/UnitCircleInput.scss | 23 ++++++-----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
index 4264c1c..9c9c128 100644
--- a/src/styles/Exercises/UnitCircleInput.scss
+++ b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,27 +72,16 @@
   padding: 1.25vw 2.5vw;
 }
 
-#unitcircleinput-check-button:hover {
-  @include font-styles();
-  background-color: colors.$primary-green;
-  border: 0.1em solid;
-  border-left-color: #e5e5e5;
-  border-radius: 10px;
-  border-style: outset;
-  border-top-color: #e5e5e5;
-  color: colors.$text-white;
-  padding: 1.25vw 2.5vw;
 
-  //border-width: 150px;
+#unitcircleinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696; 
 }
 
+
 #unitcircleinput-check-button:active {
-  @include font-styles();
-  background-color: colors.$primary-green;
-  border: hidden;
-  border-radius: 10px;
-  color: colors.$text-white;
-  padding: 1vw 2vw;
+  box-shadow: none; 
+  transform: scale(0.95);
+
 }
 
 #unitcircle-check-wrong {

From 124c6a68f0bd5b3d3e1d7b1fdf8b935485befe62 Mon Sep 17 00:00:00 2001
From: shreyas61 <shreyasriram@rocknrollrobots25.com>
Date: Thu, 24 Oct 2024 14:45:53 -0700
Subject: [PATCH 3/3] Adjusted the hover and active states, removed repeats,
 added box-shadow to hover, used transform and made box-shadow hidden for
 active.

---
 src/styles/Exercises/UnitCircleInput.scss | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
index 9c9c128..8f19b4b 100644
--- a/src/styles/Exercises/UnitCircleInput.scss
+++ b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,16 +72,13 @@
   padding: 1.25vw 2.5vw;
 }
 
-
 #unitcircleinput-check-button:hover {
-  box-shadow: 5px 5px 5px #989696; 
+  box-shadow: 5px 5px 5px #989696;
 }
 
-
 #unitcircleinput-check-button:active {
-  box-shadow: none; 
+  box-shadow: none;
   transform: scale(0.95);
-
 }
 
 #unitcircle-check-wrong {