fixil

app.py

@@ -409,11 +409,12 @@ def clear_history():
     return [], [], []
 
 # Define Gradio interface
-with gr.Blocks(theme=gr.themes.Soft(), css=".full-height { height: 100%; display: flex; align-items: stretch; min-height: 40px; } .full-height button { height: 100%; padding: 8px 16px; }") as demo:
+with gr.Blocks(theme=gr.themes.Soft(), css=".full-height { height: 100%; display: flex; align-items: stretch; min-height: 40px; } .full-height button { height: 100%; padding: 8px 16px; } .providers-row { height: 100%; display: flex; align-items: stretch; min-height: 40px; } .providers-row .checkbox-group { height: 100%; display: flex; align-items: center; }") as demo:
     gr.Markdown("# Multi-Model Chat")
     gr.Markdown("Chat with OpenAI, Anthropic, or Gemini. Select providers and compare responses side by side!")
     
-    providers = gr.CheckboxGroup(choices=["OpenAI", "Anthropic", "Gemini"], label="Select Providers", value=["OpenAI"])
+    with gr.Row(elem_classes="providers-row"):
+        providers = gr.CheckboxGroup(choices=["OpenAI", "Anthropic", "Gemini"], label="Select Providers", value=["OpenAI"], inline=True, elem_classes="checkbox-group")
     
     with gr.Row(elem_classes="full-height"):
         query = gr.Textbox(label="Enter your query", placeholder="e.g., What is the capital of the United States?", scale=4)