From 6db3013c22e629ee69eee61ecd40329ef9f810ef Mon Sep 17 00:00:00 2001
From: angoway <ngoamandauyen@gmail.com>
Date: Tue, 5 Nov 2024 18:54:00 -0800
Subject: [PATCH] Applied hovering and clicking animations to all submit
 buttons

---
 src/styles/Exercises/AxisInput.scss  | 9 +++++++++
 src/styles/Exercises/GraphInput.scss | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/src/styles/Exercises/AxisInput.scss b/src/styles/Exercises/AxisInput.scss
index 1591314..c7a5443 100644
--- a/src/styles/Exercises/AxisInput.scss
+++ b/src/styles/Exercises/AxisInput.scss
@@ -58,6 +58,15 @@
   background-color: colors.$input-grey;
 }
 
+#axinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#axinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #axinput-check-button {
   @include font-styles();
   background-color: colors.$primary-green;
diff --git a/src/styles/Exercises/GraphInput.scss b/src/styles/Exercises/GraphInput.scss
index 3588fcc..5574e3c 100644
--- a/src/styles/Exercises/GraphInput.scss
+++ b/src/styles/Exercises/GraphInput.scss
@@ -92,6 +92,15 @@
   padding: 1.25vw 2.5vw;
 }
 
+#graphinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#graphinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #graphinput-check-wrong {
   @include font-styles();
   color: red;