Update app.py

app.py

@@ -9,16 +9,20 @@ def create_interface():
     with gr.Blocks() as iface:
         gr.Markdown("# Personality Analysis Classification")
         gr.Markdown("Upload a Video, TXT, or PDF file or use the example video.")
-    
-        with gr.Row():
-            with gr.Column(scale=2):  # This column will be twice as wide as the right column
-                input_file = gr.File(label="Upload File (TXT, PDF, or Video)")
-            
-            with gr.Column(scale=1):  # This column will be half the width of the left column
-                # Load the video directly when creating the interface
-                example_video = gr.Video(value=example_video_path, label="Example Video Preview", width=300, height=200)
-                gr.Markdown(" ")  # This adds a small gap
-                example_button = gr.Button("Use Example Video", size="sm")
+        
+        with gr.Blocks(css=".same-width {width: 100%;} .same-width video {width: 100%; height: auto;}") as iface:
+            gr.Markdown("# Personality Analysis Classification")
+            gr.Markdown("Upload a Video, TXT, or PDF file or use the example video.")
+        
+            with gr.Row():
+                with gr.Column(scale=2):
+                    input_file = gr.File(label="Upload File (TXT, PDF, or Video)")
+                
+                with gr.Column(scale=1):
+                    with gr.Box(elem_classes="same-width"):
+                        example_video = gr.Video(value=example_video_path, label="Example Video Preview")
+                        example_button = gr.Button("Use Example Video", size="lg")
+
         
         with gr.Column():
             progress = gr.Progress()