add spacing for example header & make examples fill in rows (not one per row)

app.py

@@ -96,7 +96,9 @@ HEADER = """
 """
 
 EXAMPLES_HEADER = """
+
 # Try it Yourself!
+
 """
 
 UPLOADABLE_FILE_TYPES = [".pdf", ".txt", ".docx", ".doc"]
@@ -228,14 +230,13 @@ with gr.Blocks(css=css, theme=gr.themes.Default(spacing_size="sm", font=[gr.them
             score = gr.Textbox(label="Score (FAIL if Hallucinated, PASS if not)")
     gr.Markdown(EXAMPLES_HEADER)
     with gr.Row():
-        with gr.Column():
-            for _, example in enumerate(EXAMPLES):
-                template_btn = gr.Button(f"{example['emoji']} {example['question']}", elem_classes="example-button")
-                template_btn.click(
-                    fn=select_template,
-                    inputs=[gr.State(example)],
-                    outputs=[question, document, answer]
-                    )
+        for _, example in enumerate(EXAMPLES):
+            template_btn = gr.Button(f"{example['emoji']} {example['question']}", elem_classes="example-button")
+            template_btn.click(
+                fn=select_template,
+                inputs=[gr.State(example)],
+                outputs=[question, document, answer]
+                )
 
     model_dropdown.change(fn=update_client_base_url, inputs=[model_dropdown], outputs=[base_url_state])
     u.upload(upload_file, u, [u, file_group, file_name, document])