Update app.py

app.py

@@ -305,7 +305,6 @@ js_code = """
         font-size: 20px;
         padding-top: 13px;
     }
-
     textarea {
         height: 90px !important;
         padding: 20px !important;
@@ -343,7 +342,7 @@ js_code = """
     }
     
     #custom-btn {
-        padding: 6px;
+        padding: 15px;
         width: 90px;
         height: 90px;
         cursor: pointer;
@@ -369,7 +368,6 @@ js_code = """
             0px 4px 4px 0px rgba(0,0,0,0.16),
             0px 8px 8px 0px rgba(0,0,0,0.2);
     }
-
     #component-4 {
         background-color: #006666;
         height: 70px;
@@ -406,16 +404,15 @@ js_code = """
         if (chatbox.style.transform === 'scaleY(0)') {
             chatbox.style.transform = 'scaleY(1)'; 
             chatbox.style.opacity = '1';
-            buttonImg.src = "/file=mess.png";
+            buttonImg.src = "/file=close.png";
             messageBtn.style.transform = 'rotate(360deg)';
         } else {
             chatbox.style.transform = 'scaleY(0)';
             chatbox.style.opacity = '0';
-            buttonImg.src = "/file=message.png";
+            buttonImg.src = "/file=chat.png";
             messageBtn.style.transform = 'rotate(0deg)'; 
         }
     }
-
     
     function autoScroll() {
         const chatbox = document.querySelector('.bubble-wrap');
@@ -423,19 +420,16 @@ js_code = """
             chatbox.scrollTop = chatbox.scrollHeight;
         }
     }
-
     setInterval(() => {
     const messageBtn = document.getElementById('message-btn');
     if (messageBtn) {
         messageBtn.addEventListener('click', toggleChatbox);
     }
-
     const userInputBox = document.querySelector('textarea.scroll-hide');
     if (userInputBox) {
         userInputBox.addEventListener('keypress', autoScroll, false);
     }
 }, 1000); 
-
 </script>
 """
 
@@ -451,7 +445,7 @@ with gr.Blocks(head=js_code) as demo:
         chatbox = gr.ChatInterface(fn=search, title="Mediate.com Chatbot Application", multimodal=False, retry_btn=None, clear_btn=None, undo_btn=None, chatbot=chatbot)
     
  
-    gr.HTML(f'<button src="/file=message.png" id="message-btn"/><img style="display: inline;" src="/file=message.png" id="custom-btn"/><button>')
+    gr.HTML(f'<button id="message-btn"/><img style="display: inline;" src="/file=chat.png" id="custom-btn"/><button>')
 
 if __name__ == "__main__":
     demo.launch(debug=True, allowed_paths=["./"])