Update app.py

app.py

@@ -142,10 +142,14 @@ def main():
                 rouge = Rouge()
                 scores = rouge.get_scores(st.session_state.summary, reference_summary)
     
-                # Using st.markdown with HTML and inline CSS to create a box around the content
-                st.button(f"ROUGE-1: {scores[0]['rouge-1']['f']:.4f}", disabled=True)
-                st.button(f"ROUGE-2: {scores[0]['rouge-2']['f']:.4f}", disabled=True)
-                st.button(f"ROUGE-L: {scores[0]['rouge-l']['f']:.4f}", disabled=True)
+                # Display ROUGE scores as styled text
+                col1, col2, col3 = st.columns(3)
+                with col1:
+                    st.markdown(f"<p style='color: black; border: 1px solid #cccccc; padding: 5px; border-radius: 4px;'>ROUGE-1: {scores[0]['rouge-1']['f']:.4f}</p>", unsafe_allow_html=True)
+                with col2:
+                    st.markdown(f"<p style='color: black; border: 1px solid #cccccc; padding: 5px; border-radius: 4px;'>ROUGE-2: {scores[0]['rouge-2']['f']:.4f}</p>", unsafe_allow_html=True)
+                with col3:
+                    st.markdown(f"<p style='color: black; border: 1px solid #cccccc; padding: 5px; border-radius: 4px;'>ROUGE-L: {scores[0]['rouge-l']['f']:.4f}</p>", unsafe_allow_html=True)
 
 if __name__ == "__main__":
     main()