Update app.py

app.py

@@ -24,6 +24,39 @@ import sqlite3
 # Define the passcode
 PASSCODE = "show_feedback_db"
 
+css = """
+/* Adjust row height */
+.dataframe-container tr {
+    height: 50px !important; 
+}
+
+/* Ensure text wrapping and prevent overflow */
+.dataframe-container td {
+    white-space: normal !important; 
+    word-break: break-word !important;
+}
+
+/* Set column widths */
+[data-testid="block-container"] .scrolling-dataframe th:nth-child(1), 
+[data-testid="block-container"] .scrolling-dataframe td:nth-child(1) {
+    width: 6%; /* Start column */
+}
+
+[data-testid="block-container"] .scrolling-dataframe th:nth-child(2), 
+[data-testid="block-container"] .scrolling-dataframe td:nth-child(2) {
+    width: 47%; /* Original text */
+}
+
+[data-testid="block-container"] .scrolling-dataframe th:nth-child(3), 
+[data-testid="block-container"] .scrolling-dataframe td:nth-child(3) {
+    width: 47%; /* Translated text */
+}
+
+[data-testid="block-container"] .scrolling-dataframe th:nth-child(4), 
+[data-testid="block-container"] .scrolling-dataframe td:nth-child(4) {
+    display: none !important;
+}
+"""
 # Function to save feedback or provide access to the database file
 def handle_feedback(feedback):
     feedback = feedback.strip()  # Clean up leading/trailing whitespace
@@ -266,39 +299,6 @@ def upload_and_manage(file, language, mode="transcription"):
 
 # Gradio Interface with Tabs
 def build_interface():
-    css = """
-    /* Adjust row height */
-    .dataframe-container tr {
-        height: 50px !important; 
-    }
-    
-    /* Ensure text wrapping and prevent overflow */
-    .dataframe-container td {
-        white-space: normal !important; 
-        word-break: break-word !important;
-    }
-    
-    /* Set column widths */
-    [data-testid="block-container"] .scrolling-dataframe th:nth-child(1), 
-    [data-testid="block-container"] .scrolling-dataframe td:nth-child(1) {
-        width: 6%; /* Start column */
-    }
-    
-    [data-testid="block-container"] .scrolling-dataframe th:nth-child(2), 
-    [data-testid="block-container"] .scrolling-dataframe td:nth-child(2) {
-        width: 47%; /* Original text */
-    }
-    
-    [data-testid="block-container"] .scrolling-dataframe th:nth-child(3), 
-    [data-testid="block-container"] .scrolling-dataframe td:nth-child(3) {
-        width: 47%; /* Translated text */
-    }
-    
-    [data-testid="block-container"] .scrolling-dataframe th:nth-child(4), 
-    [data-testid="block-container"] .scrolling-dataframe td:nth-child(4) {
-        width: 0%; /* End column */
-    }
-    """
     with gr.Blocks(css=css) as demo:
         gr.Markdown("## Video Localization")
         with gr.Row():