Update app.py

app.py

@@ -613,12 +613,53 @@ def handle_dislike(data: gr.LikeData):
 
 def update_message(request: gr.Request):
     return f"<h4 style='font-size: 22px; font-family: Calibri;'>Welcome, {request.username}</h4>"
-    
-with gr.Blocks(theme=gr.themes.Soft()) as demo:#css=css) as demo:
+custom_css = """
+.gr-button {
+    background-color: #6366f1;
+    color: white;
+    border-radius: 10px;
+    padding: 10px 20px;
+    font-size: 16px;
+}
+
+.gr-input, .gr-markdown {
+    font-family: 'Arial', sans-serif;
+    border-radius: 10px;
+    padding: 10px;
+    border: 1px solid #ddd;
+    margin-bottom: 20px;
+}
+
+.gr-markdown {
+    background-color: #f7f7f7;
+}
+
+.gr-row {
+    justify-content: space-between;
+}
+
+.gr-column {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.logout-button {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    background: none;
+    border: none;
+    color: #6366f1;
+    font-size: 14px;
+    text-decoration: underline;
+    cursor: pointer;
+}
+"""    
+with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
     gr.Markdown("<CENTER><h1 style='font-size: 22px; font-family: Calibri;'>RedMind GPT</h1></CENTER>")
     m=gr.Markdown()
     demo.load(update_message, None, m)
-    logout_button = gr.Button("Logout", link="/logout")
+    logout_button = gr.Button("Logout", link="/logout", elem_id="logout-button")
     with gr.Row():
         sample_button = gr.Button("What is the expected receiving date and the status of ASN24081900001")
         sample_button1 = gr.Button("What are the active warehouses available")