Update app.py

app.py

@@ -612,7 +612,7 @@ def handle_dislike(data: gr.LikeData):
         return gr.update(visible=False), gr.update(visible=False)
 
 def update_message(request: gr.Request):
-    return f"<h4 style='font-size: 22px; font-family: Calibri;'>Welcome, {request.username}</h4>"
+    return f"<h2 style=' font-family: Calibri;'>Welcome, {request.username}</h4>"
 
 # CSS for styling the buttons and other elements
 css = """
@@ -643,7 +643,7 @@ css = """
     text-decoration: none;
     font-size: 16px;
 }
-#chatbot {
+.chatbot {
     width: 800px;  /* Adjust width as needed */
     height: 600px; /* Adjust height as needed */
 }
@@ -653,7 +653,7 @@ css = """
 """
 
 with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
-    gr.HTML("<CENTER><h1 style='font-size: 22px; font-family: Calibri;'>RedMind GPT</h1></CENTER>")
+    gr.HTML("<CENTER><B><h1 style='font-size:30px; font-family: Calibri;'>RedMind GPT</h1></B></CENTER>")
     with gr.Row():
         m = gr.Markdown()
         demo.load(update_message, None, m)
@@ -669,7 +669,7 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
         sample_button4 = gr.Button("I want to analyze item name and quantity for different customers in a stacked bar chart for the warehouse WH", elem_classes="gr-button")
 
     with gr.Row():
-        chatbot = gr.Chatbot(label="Ask a question about the API, Database, a Document or Warehouse inventory analysis.",elem_id="chatbot")
+        chatbot = gr.Chatbot(label="Ask a question about the API, Database, a Document or Warehouse inventory analysis.",elem_classes="chatbot")
 
     with gr.Row():
         with gr.Column(scale=2):