Update app.py

app.py

@@ -85,13 +85,26 @@ with gr.Blocks() as demo:
     
     clear_history_button = gr.Button("Clear History")
 
-    # Add scrollbar to the output JSON areas with CSS
-    output_comparisons.style(height="300px", overflow="auto")
-    output_history.style(height="300px", overflow="auto")
-
+    # Add a button to clear the history
     clear_history_button.click(clear_history, outputs=output_history)
     
+    # Submit event to generate the comparison and history
     demo.submit(generate_comparisons_with_history, inputs=[input_text, selected_models, gr.State()], outputs=[output_comparisons, output_history])
 
-demo.launch()
+    # Add custom CSS for scrollable output
+    demo.css("""
+        #output-comparisons {
+            height: 300px;
+            overflow: auto;
+            border: 1px solid #ddd;
+            padding: 10px;
+        }
+        #output-history {
+            height: 300px;
+            overflow: auto;
+            border: 1px solid #ddd;
+            padding: 10px;
+        }
+    """)
 
+demo.launch()