Update app.py

app.py

@@ -179,10 +179,16 @@ textarea, input[type="text"], .gr-chatbot {
     border-radius: 8px !important;
     padding: 10px;
 }
+.gr-dataframe {
+    font-size: 14px;
+    height: 350px; /* Make the suggestions box larger */
+    overflow-y: scroll; /* Add scroll if the table doesn't fit */
+}
 h1 {
-    font-size: 3rem;
+    font-size: 3.5rem;  /* Bigger and bold heading */
     font-weight: bold;
     margin-bottom: 10px;
+    color: white;
     text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
 }
 h2 {
@@ -201,13 +207,13 @@ with gr.Blocks(css=custom_css) as app:
     with gr.Row():
         user_message = gr.Textbox(label="Your Message", placeholder="Enter your message...")
         user_location = gr.Textbox(label="Your Location", placeholder="Enter your location...")
-        search_query = gr.Textbox(label="Query", placeholder="Search for professionals...")
+        search_query = gr.Textbox(label="Search for...", placeholder="Search for professionals like therapists...")
         submit_btn = gr.Button("Submit")
 
-    chatbot_box = gr.Chatbot(label="Chat History")  # Chatbot history (black background)
+    chatbot_box = gr.Chatbot(label="Chat History")  # Black chatbot background
     emotion_output = gr.Textbox(label="Detected Emotion")
     sentiment_output = gr.Textbox(label="Detected Sentiment")
-    suggestions_output = gr.DataFrame(headers=["Title", "Links"], label="Suggestions")
+    suggestions_output = gr.DataFrame(headers=["Title", "Links"], label="Suggestions")  # Larger data frame
     map_output = gr.HTML(label="Nearby Professionals Map")
     professional_display = gr.Textbox(label="Nearby Professionals", lines=5)