Update app.py

app.py

@@ -39,15 +39,18 @@ def main():
 
         # Display caption table with CSS class names
         st.write("## Caption Table")
+        st.write("<table style='border-collapse: collapse; width: 100%;'>", unsafe_allow_html=True)
         st.write(
-            "<table><tr><th class='timestamp'>Timestamp</th><th class='original'>Original</th></tr>",
+            "<tr><th style='padding: 8px; border: 1px solid black; background-color: #f2f2f2; font-weight: bold; text-align: center; width: 50%;'>Timestamp</th>"
+            "<th style='padding: 8px; border: 1px solid black; background-color: #f2f2f2; font-weight: bold; text-align: center; width: 50%;'>Original</th></tr>",
             unsafe_allow_html=True,
         )
+
         
         for i in range(start_index, min(end_index, len(captions_list))):
             st.write(
-                f"<tr><td class='timestamp'>{captions_list[i]['Timestamp']}</td>"
-                f"<td class='original'>{captions_list[i]['Original']}</td></tr>",
+                f"<tr><td style='padding: 8px; border: 1px solid black; background-color: rgb(255, 0, 0); color: rgb(128, 128, 128); text-align: center;'>{captions_list[i]['Timestamp']}</td>"
+                f"<td style='padding: 8px; border: 1px solid black; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center;'>{captions_list[i]['Original']}</td></tr>",
                 unsafe_allow_html=True,
             )