Update app.py

app.py

@@ -39,6 +39,12 @@ custom_css = """
         padding: 10px 20px;
         font-size: 16px;
         border-radius: 5px;
+        background-color: #007bff;
+        color: white;
+        border: none;
+    }
+    .gr-button:hover {
+        background-color: #0056b3;
     }
     .gr-textbox {
         margin-top: 10px;
@@ -49,6 +55,9 @@ custom_css = """
     .gr-slider {
         margin-top: 20px;
     }
+    .settings {
+        margin-top: 20px;
+    }
 """
 
 # Create the Gradio interface
@@ -64,11 +73,9 @@ with gr.Blocks(css=custom_css) as demo:
         )
 
         send_btn = gr.Button("Send")
-
-    with gr.Row():
         clear_btn = gr.Button("Clear Chat")
 
-    with gr.Row():
+    with gr.Accordion("Advanced Settings", open=False, elem_id="settings"):
         temperature_slider = gr.Slider(0, 1, 0.7, step=0.1, label="Temperature")
         max_new_tokens_slider = gr.Slider(1, 1000, 100, step=1, label="Max New Tokens")