Update app.py

app.py

@@ -224,18 +224,33 @@ textarea:hover, input:hover {
     text-align: center;
     font-weight: bold;
     color: white;
-    font-size: 2.2rem;
+    font-size: 4.2rem;
     margin-bottom: 20px;
 }
+
+/* Style for the submit button */
+.gr-button {
+    background-color: #ae1c93;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
+    transition: background-color 0.3s ease;
+}
+
+.gr-button:hover {
+    background-color: #8f167b;
+}
+
+.gr-button:active {
+    background-color: #7f156b;
+}
 """
 
 # Gradio Application
 with gr.Blocks(css=custom_css) as app:
     gr.HTML("<h1>🌟 Well-Being Companion</h1>")
     with gr.Row():
-        user_input = gr.Textbox(label="Your Message")
-        location = gr.Textbox(label="Your Location")
-        query = gr.Textbox(label="Search Query")
+        user_input = gr.Textbox(label="Please Enter Your Message Here")
+        location = gr.Textbox(label="Please Enter Your Current Location Here")
+        query = gr.Textbox(label="Please Enter Which Health Professional You Want To Search Nearby")
     chatbot = gr.Chatbot(label="Chat History")
     sentiment = gr.Textbox(label="Detected Sentiment")
     emotion = gr.Textbox(label="Detected Emotion")
@@ -254,4 +269,4 @@ with gr.Blocks(css=custom_css) as app:
         outputs=[chatbot, sentiment, emotion, suggestions, professionals, map_html],
     )
 
-app.launch()
+app.launch()