From f005c9bfc9bd6b7497d28a6583012a0e025b0e90 Mon Sep 17 00:00:00 2001
From: Jasleen1210 <05kaur.j@gmail.com>
Date: Sat, 10 Aug 2024 13:23:10 +0530
Subject: [PATCH] Fixing pause font

---
 index.html   | 2 +-
 js/script.js | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 45dd84f..d0be6bd 100644
--- a/index.html
+++ b/index.html
@@ -186,7 +186,7 @@
           <li class="logo"><a href="./index.html"><img src="assets/images/logo/logo..png" alt="Website Logo"></a></li>
           <li><a href="#" id="reload" style="display: none;" aria-label="reload"><i class="fa-solid fa-rotate-right"></i> Reload</a></li>
           <!-- <li><a href="#" id="addTime" aria-label="Add Time" style="display: none;">Add Time</a></li> -->
-          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i><span class="button-text">Pause</span></a></li>
+          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i>Pause</a></li>
           <li><a href="#" id="fullscreenBtn" aria-label="Toggle Fullscreen"><i class="fa fa-chalkboard-teacher" aria-hidden="true"></i> Fullscreen</a></li>
           <li><a href="#" id="editBtn" aria-label="Edit"><i class="fa-solid fa-pen-to-square"></i> Edit</a></li>
           <!-- edit drop down content -->
diff --git a/js/script.js b/js/script.js
index ff92322..1a83b1c 100644
--- a/js/script.js
+++ b/js/script.js
@@ -652,8 +652,8 @@ document.addEventListener('DOMContentLoaded', () => {
         pauseStartButton.textContent = 'Resume';
         isPaused = true;*/
         // console.log(musicAudio); testing
-        pauseStartButton.querySelector('i').className = 'fa-solid fa-play';
-        pauseStartButton.querySelector('span').textContent = 'Resume';
+
+        pauseStartButton.innerHTML='<i class="fa-solid fa-play"></i>Resume';
         isPaused = true;
 
     }
@@ -679,8 +679,7 @@ document.addEventListener('DOMContentLoaded', () => {
         pauseStartButton.textContent = 'Pause';
         //pauseStartButton.textContent = document.getElementById("pauseStartBtn").innerHTML;
         isPaused = false;*/
-        pauseStartButton.querySelector('i').className = 'fa-solid fa-pause';
-        pauseStartButton.querySelector('span').textContent = 'Pause';
+        pauseStartButton.innerHTML = '<i class="fa-solid fa-pause"></i>Pause';
         isPaused = false;
     }