From 1083a4ca03e132db57ca9760f1375d51934de0a6 Mon Sep 17 00:00:00 2001
From: Yuchen Li <54865789+doveliyuchen@users.noreply.github.com>
Date: Wed, 1 Mar 2023 21:56:05 +0800
Subject: [PATCH] hover effect

---
 templates/GameAnnotation.html  | 4 ++++
 templates/GameAnnotation2.html | 5 ++++-
 templates/GameOver.html        | 5 ++++-
 templates/GamePlay.html        | 4 ++++
 templates/GameQuestion.html    | 4 ++++
 templates/GameTutorial.html    | 5 ++++-
 templates/GameWelcome.html     | 5 ++++-
 7 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/templates/GameAnnotation.html b/templates/GameAnnotation.html
index 017b134..d501a12 100644
--- a/templates/GameAnnotation.html
+++ b/templates/GameAnnotation.html
@@ -59,6 +59,10 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
 
     .groupname{
diff --git a/templates/GameAnnotation2.html b/templates/GameAnnotation2.html
index f8c5544..f47b7d4 100644
--- a/templates/GameAnnotation2.html
+++ b/templates/GameAnnotation2.html
@@ -53,8 +53,11 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
-
     svg{
       width: 50px;
       height: 26px;
diff --git a/templates/GameOver.html b/templates/GameOver.html
index 05c9d30..cc6291b 100644
--- a/templates/GameOver.html
+++ b/templates/GameOver.html
@@ -57,8 +57,11 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
-
 
     .groupname{
       justify-content: center;
diff --git a/templates/GamePlay.html b/templates/GamePlay.html
index 5aacff0..401f2bd 100644
--- a/templates/GamePlay.html
+++ b/templates/GamePlay.html
@@ -60,6 +60,10 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
 
     svg{
diff --git a/templates/GameQuestion.html b/templates/GameQuestion.html
index e2fcde8..2bc9d6f 100644
--- a/templates/GameQuestion.html
+++ b/templates/GameQuestion.html
@@ -58,6 +58,10 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
 
 
diff --git a/templates/GameTutorial.html b/templates/GameTutorial.html
index a16cb89..162da5b 100644
--- a/templates/GameTutorial.html
+++ b/templates/GameTutorial.html
@@ -96,8 +96,11 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
-
     .loader {
       position: absolute;
 
diff --git a/templates/GameWelcome.html b/templates/GameWelcome.html
index 1f28588..8c2fe50 100644
--- a/templates/GameWelcome.html
+++ b/templates/GameWelcome.html
@@ -57,8 +57,11 @@
       border-radius: 40px;
       cursor: pointer;
       border: none;
+      font-weight: 600;
+    }
+    .cirButton :hover{
+      background-color: rgba(0,0,0,0.2);
     }
-
 
     .groupname{
       justify-content: center;