fix(add break above exmaple header & make examples how own row again)

app.py

@@ -96,9 +96,8 @@ HEADER = """
 """
 
 EXAMPLES_HEADER = """
-
+<br />
 # Try it Yourself!
-
 """
 
 UPLOADABLE_FILE_TYPES = [".pdf", ".txt", ".docx", ".doc"]
@@ -107,9 +106,6 @@ css = """
 .example-button {
     font-size: 1rem;
     font-weight: 400 !important;
-    display: flex;
-    gap: 1rem;
-    padding: 1rem;
 }
 """
 
@@ -233,13 +229,14 @@ 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():
-        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]
-                )
+        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]
+                    )
 
     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])