fix(make example buttons width fit-content and padding + add markdown new line above example header)

app.py

@@ -96,7 +96,6 @@ HEADER = """
 """
 
 EXAMPLES_HEADER = """
-<br />
 # Try it Yourself!
 """
 
@@ -104,8 +103,10 @@ UPLOADABLE_FILE_TYPES = [".pdf", ".txt", ".docx", ".doc"]
 
 css = """
 .example-button {
+    width: fit-content;
     font-size: 1rem;
     font-weight: 400 !important;
+    padding: .5rem 1rem;
 }
 """
 
@@ -227,6 +228,7 @@ with gr.Blocks(css=css, theme=gr.themes.Default(spacing_size="sm", font=[gr.them
         with gr.Column(scale=1):
             reasoning = gr.Textbox(label="Reasoning")
             score = gr.Textbox(label="Score (FAIL if Hallucinated, PASS if not)")
+    gr.Markdown("&nbsp;")
     gr.Markdown(EXAMPLES_HEADER)
     with gr.Row():
         with gr.Column():