Update app.py

app.py

@@ -253,7 +253,6 @@ def predict_disease(symptoms):
 
 from gradio.components import HTML
 
-# Custom CSS for styling
 # Custom CSS for styling
 custom_css = """
 /* Importing Google Fonts */
@@ -285,7 +284,7 @@ h1 {
 /* Input and Textarea Styling */
 textarea, input {
     background: white; /* Input background */
-    color: black;
+    color: black; /* Text color */
     border: 2px solid #3c6487; /* Matching border color */
     padding: 10px;
     font-size: 1rem;
@@ -300,15 +299,16 @@ textarea:focus, input:focus {
 
 /* Button Styling */
 .gr-button {
-    background-color: #ae1c93; /* Button color */
+    background-color: #3c6487; /* Button color matches input fields */
     color: white;
     border-radius: 8px;
-    padding: 10px 20px; /* Improved padding */
+    padding: 10px 20px; /* Reduced padding */
     font-size: 16px; /* Larger font size for buttons */
     border: none; /* No border */
     cursor: pointer; /* Pointer on hover */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Shadow on button */
     transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effects */
+    width: auto; /* Set to auto to avoid stretching full width */
 }
 
 .gr-button:hover {
@@ -348,8 +348,9 @@ textarea:focus, input:focus {
     }
 
     .gr-button {
-        font-size: 0.9rem; /* Slightly smaller button font */
+        font-size: 0.9rem; /* Adjusted size for mobile */
         padding: 8px 16px; /* Adjust padding for mobile */
+        width: auto; /* Maintain auto width */
     }
 
     textarea, input {
@@ -363,11 +364,11 @@ textarea:focus, input:focus {
 with gr.Blocks(css=custom_css) as app:
     gr.HTML("<h1>🌟 Well-Being Companion</h1>")
     
-    with gr.Tab("Mental Health Chatbot"):
+    with gr.Tab("Well-Being Chatbot"):
         with gr.Row():
             user_input = gr.Textbox(label="Please Enter Your Message Here", placeholder="Type your message here...", max_lines=3)
-            location = gr.Textbox(label="Please Enter Your Current Location Here", placeholder="E.g., Karachi", max_lines=1)
-            query = gr.Textbox(label="Please Enter Which Health Professional You Want To Search Nearby", placeholder="E.g., Doctors", max_lines=1)
+            location = gr.Textbox(label="Please Enter Your Current Location Here", placeholder="E.g., Honolulu", max_lines=1)
+            query = gr.Textbox(label="Please Enter Which Health Professional You Want To Search Nearby", placeholder="E.g., Health Professionals", max_lines=1)
         
         submit_chatbot = gr.Button(value="Submit Your Message", variant="primary", icon="fa-paper-plane")