bug fix

Author: simonjonsson87

chat-ui-quince/index.html

@@ -122,7 +122,6 @@ <h2 class="sidebar-title">Your assets</h2>
 
             <button id="voice-btn">
               <svg fill="#000000" width="32px" height="32px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,15a4,4,0,0,0,4-4V5A4,4,0,0,0,8,5v6A4,4,0,0,0,12,15ZM10,5a2,2,0,0,1,4,0v6a2,2,0,0,1-4,0Zm10,6a1,1,0,0,0-2,0A6,6,0,0,1,6,11a1,1,0,0,0-2,0,8,8,0,0,0,7,7.93V21H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2H13V18.93A8,8,0,0,0,20,11Z" stroke="currentColor"/></svg>
-              <div id="voice-btn-text"></div>
               <div id="voice-spinner"></div>
             </button>
 

chat-ui-quince/src/code.js

@@ -249,7 +249,7 @@ const sendBtn = document.getElementById('send-btn');
 const readOutLoudBtn = document.querySelector('.read-out-loud-btn');
 
 
-const voiceSpinner = document.getElementById("voiceSpinner");
+
 
 
 let isReadOutLoudEnabled = false;
@@ -350,6 +350,7 @@ readOutLoudBtn.addEventListener('click', function () {
 document.addEventListener("DOMContentLoaded", () => {
     const messageInput = document.getElementById("message-input");
     const voiceBtn = document.getElementById('voice-btn');
+    const voiceSpinner = document.getElementById("voiceSpinner");
 
     // Check if SpeechRecognition is available
     const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

chat-ui-quince/src/style.css

@@ -175,6 +175,14 @@ body {
 
 #read-out-loud-btn-enabled {
   display: none;
+  align-items: center;
+  justify-content: center;
+}
+
+#read-out-loud-btn-disabled {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 #read-out-loud-btn-disabled svg {
@@ -186,11 +194,7 @@ body {
   height: 70%;
 }
 
-#read-out-loud-btn-enabled, #read-out-loud-btn-disabled {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+
 
 
 .disclaimer {