Update app.py

app.py

@@ -199,6 +199,7 @@ def update_translations(file, edited_table):
     except Exception as e:
         raise ValueError(f"Error updating translations: {e}")
 
+
 def upload_and_manage(file, language):
     if file is None:
         return None, [], None, "No file uploaded. Please upload a video/audio file."
@@ -241,12 +242,36 @@ def upload_and_manage(file, language):
 # Gradio Interface with Tabs
 def build_interface():
     css = """
+    /* Adjust row height */
     .dataframe-container tr {
-        height: 50px !important; /* Adjust height */
+        height: 50px !important; 
     }
+    
+    /* Ensure text wrapping and prevent overflow */
     .dataframe-container td {
-        white-space: normal !important; /* Allow text wrapping */
-        word-break: break-word !important; /* Prevent text overflow */
+        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: 10%; /* Start column */
+    }
+    
+    [data-testid="block-container"] .scrolling-dataframe th:nth-child(2), 
+    [data-testid="block-container"] .scrolling-dataframe td:nth-child(2) {
+        width: 35%; /* Original text */
+    }
+    
+    [data-testid="block-container"] .scrolling-dataframe th:nth-child(3), 
+    [data-testid="block-container"] .scrolling-dataframe td:nth-child(3) {
+        width: 35%; /* Translated text */
+    }
+    
+    [data-testid="block-container"] .scrolling-dataframe th:nth-child(4), 
+    [data-testid="block-container"] .scrolling-dataframe td:nth-child(4) {
+        width: 20%; /* End column */
     }
     """
     with gr.Blocks(css=css) as demo: