Improving text spacing

app.py

@@ -170,8 +170,8 @@ with gr.Blocks(theme = theme) as user_eval:
             else:
                 return {
                     selection: gr.HTML("""
-                        <h2> Retrieved Passage </h2> <br />
-                        """ + passage_texts[step]),
+                        <h2> Retrieved Passage </h2> 
+                        <p> """ + passage_texts[step] + "</p>"),
                     eval_0: gr.Radio(value = None),
                     eval_1: gr.Slider(value = 3),
                     eval_2: gr.Slider(value = 3),
@@ -187,8 +187,8 @@ with gr.Blocks(theme = theme) as user_eval:
                 # Step 11: guaranteed to be generation
                 return {
                     selection: gr.HTML("""
-                        <h2> Autogenerated Response </h2> <br />
-                        """ + generation),
+                        <h2> Autogenerated Response </h2>
+                        <p> """ + generation + "</p>"),
                     eval_helps: gr.Slider(value = 1),
                     eval_satisfied: gr.Slider(value = 1)
                 }
@@ -206,8 +206,8 @@ with gr.Blocks(theme = theme) as user_eval:
                 if step == 12: 
                     return {
                         selection: gr.HTML("""
-                            <h2> Retrieved Passage </h2> <br />
-                            """ + gold_passage),
+                            <h2> Retrieved Passage </h2> 
+                            <p> """ + gold_passage + "</p>"),
                         forward_btn: gr.Textbox(),
                         eval_helps: gr.Slider(value = 1),
                         eval_satisfied: gr.Slider(value = 1)
@@ -215,8 +215,8 @@ with gr.Blocks(theme = theme) as user_eval:
                 elif step == 13: 
                    return {
                         selection: gr.HTML("""
-                            <h2> Autogenerated Response </h2> <br />
-                            """ + gold_passage_generation),
+                            <h2> Autogenerated Response </h2> 
+                            <p> """ + gold_passage_generation + "</p>"),
                         forward_btn: gr.Textbox(),
                         eval_helps: gr.Slider(value = 1),
                         eval_satisfied: gr.Slider(value = 1)
@@ -295,7 +295,6 @@ with gr.Blocks(theme = theme) as user_eval:
 
     with gr.Row() as login:
         with gr.Column():
-            gr.Markdown("---")
             gr.Markdown("# Enter email to start")
             gr.Markdown("Thank you so much for your participation in our study! We're using emails to keep track of which questions you've answered and which you haven't seen. Use the same email every time to keep your progress saved. :)")
             email = gr.Textbox(label = "Email", placeholder = "[email protected]")