Merge pull request #282 from abhitiwari2511/bugfix/hoverEffect

Bug Fix #277
ChromeGaming · Jul 30, 2024 · b1ed2e0 · b1ed2e0
2 parents f66fee2 + 1729b3c
commit b1ed2e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -55,6 +55,11 @@ button {
   align-items: center;
   cursor: pointer;
 }
+
+.hover {
+  cursor: pointer;
+}
+
 #google_translate_element {
   position: absolute;
   top: 10px;

diff --git a/index.html b/index.html
@@ -131,7 +131,7 @@ <h1><span id="score">0</span>/<span id="max">0</span> discovered</h1>
       <div class="pop-up" style="display: none">
         <div class="upper-cross" style="padding: 4px">
           <button onclick="cross()">
-            <i class="fa-solid fa-xmark fa-beat" style="color: white"></i>
+            <i class="fa-solid fa-xmark fa-beat hover" style="color: white"></i>
           </button>
         </div>
         <div class="lower-content">
@@ -140,7 +140,7 @@ <h1><span id="score">0</span>/<span id="max">0</span> discovered</h1>
         </div>
         <div class="lower-button">
           <button onclick="nextSpeech()">
-            <i class="fa-solid fa-forward fa-bounce fa-lg"></i>
+            <i class="fa-solid fa-forward fa-bounce fa-lg hover"></i>
           </button>
         </div>
       </div>