Updating interface. Limiting width of sliders and clear history button

app.py

@@ -83,14 +83,18 @@ with gr.Blocks() as interface:
     
     # Add the instruction message above the input box
     gr.Markdown("**Instructions:** Press `Shift + Enter` to submit, and `Enter` for a new line.")
+
+    # Add a clear history button
+    clear_button = gr.Button("Clear History").style(width=150)
+    clear_button.click(fn=clear_history, outputs=[chatbot_output])
     
     # Input box for the user
     user_input = gr.Textbox(label="Your Input", placeholder="Type your message here...", lines=2, show_label=True)
     
     # Sliders for temperature, top_p, and top_k
-    temperature_slider = gr.Slider(0.1, 1.0, step=0.1, value=1.0, label="Temperature")
-    top_p_slider = gr.Slider(0.0, 1.0, step=0.1, value=1.0, label="Top-p")
-    top_k_slider = gr.Slider(1, 100, step=1, value=50, label="Top-k")
+    temperature_slider = gr.Slider(0.1, 1.0, step=0.1, value=1.0, label="Temperature").style(width=500)
+    top_p_slider = gr.Slider(0.0, 1.0, step=0.1, value=1.0, label="Top-p").style(width=500)
+    top_k_slider = gr.Slider(1, 100, step=1, value=50, label="Top-k").style(width=500)
     
     # Define the function to update the chat
     def update_chat(input_text, chat_history, temperature, top_p, top_k):
@@ -102,10 +106,6 @@ with gr.Blocks() as interface:
                       inputs=[user_input, chatbot_output, temperature_slider, top_p_slider, top_k_slider], 
                       outputs=[chatbot_output, user_input])
 
-    # Add a clear history button
-    clear_button = gr.Button("Clear History")
-    clear_button.click(fn=clear_history, outputs=[chatbot_output])
-
     # Layout for sliders and chatbot UI
     gr.Row([temperature_slider, top_p_slider, top_k_slider])