💄 style update 3

Signed-off-by: peter szemraj <[email protected]>

app.py

@@ -358,13 +358,13 @@ if __name__ == "__main__":
             )
 
             output_text = gr.HTML("<p><em>Output will appear below:</em></p>")
-            gr.Markdown("### Summary Output")
+            gr.Markdown("### **Summary Output**")
             summary_text = gr.HTML(
                 label="Summary", value="<i>Summary will appear here!</i>"
             )
             with gr.Column():
-                gr.Markdown("Export & Summary Scores")
-                with gr.Row(variant="panel"):
+                gr.Markdown("#### Export & Summary Scores")
+                with gr.Row():
                     with gr.Column(variant="compact"):
                         text_file = gr.File(
                             label="Download as Text File",
@@ -374,7 +374,7 @@ if __name__ == "__main__":
                         )
                     with gr.Column(variant="compact"):
                         gr.Markdown(
-                            "The summary scores can be thought of as representing the quality of the summary. less-negative numbers (closer to 0) are better:"
+                            "The scores can be thought of as representing the quality of the summary. less-negative numbers (closer to 0) are better:"
                         )
                         summary_scores = gr.Textbox(
                             label="Summary Scores",

utils.py

@@ -107,7 +107,8 @@ def load_example_filenames(example_path: str or Path):
 
 
 def textlist2html(text_batches):
-    html_list = [
+    # Step 1: Generate each summary batch as a string of HTML
+    formatted_batches = [
         f"""
         <div style="
             margin-bottom: 20px;
@@ -121,7 +122,23 @@ def textlist2html(text_batches):
         """
         for i, s in enumerate(text_batches, start=1)
     ]
-    return "\n".join(html_list)
+
+    # Step 2: Join all the summary batches together into one string
+    joined_batches = "".join(formatted_batches)
+
+    # Step 3: Wrap the summary string in a larger div with background color, border, and padding
+    text_html_block = f"""
+    <div style="
+        background-color: #f9f9f9;
+        border: 1px solid #ddd;
+        border-radius: 5px;
+        padding: 20px;
+    ">
+    {joined_batches}
+    </div>
+    """
+
+    return text_html_block
 
 
 def extract_keywords(