Update app.py

app.py

@@ -83,36 +83,33 @@ def update_interface(result):
     
     return outputs
 
-custom_css = """
-.full-width-plot {
-    width: 100% !important;
-    height: 400px !important;
-}
-"""
-
-with gr.Blocks(css=custom_css) as iface:
+with gr.Blocks() as iface:
     gr.Markdown("# AI Personality Detection")
     gr.Markdown("Upload a video")
     
-    video_input = gr.Video(label="Upload Video")
-    max_speakers = gr.Slider(minimum=1, maximum=3, step=1, value=2, label="Maximum Number of Speakers")
-    analyze_button = gr.Button("Analyze")
-    
-    transcript_output = gr.Textbox(label="Transcript", lines=10)
-    execution_info = gr.Textbox(label="Execution Information")
+    with gr.Row():
+        with gr.Column(scale=1):
+            video_input = gr.Video(label="Upload Video")
+            max_speakers = gr.Slider(minimum=1, maximum=3, step=1, value=2, label="Maximum Number of Speakers")
+            analyze_button = gr.Button("Analyze")
+        
+        with gr.Column(scale=2):
+            transcript_output = gr.Textbox(label="Transcript", lines=10)
+            execution_info = gr.Textbox(label="Execution Information")
     
     with gr.Tabs() as tabs:
-        speaker_tabs = [gr.Tab(f"# Speaker {i+1}") for i in range(3)]
+        speaker_tabs = [gr.Tab(f"Speaker {i+1}") for i in range(3)]
         speaker_outputs = []
         for tab in speaker_tabs:
             with tab:
-                attachment_plot = gr.Plot(label="Attachment Styles", elem_classes="full-width-plot")
-                attachment_explanation = gr.Textbox(label="Attachment Styles Explanation")
-                dimensions_plot = gr.Plot(label="Attachment Dimensions", elem_classes="full-width-plot")
-                bigfive_plot = gr.Plot(label="Big Five Traits", elem_classes="full-width-plot")
-                bigfive_explanation = gr.Textbox(label="Big Five Traits Explanation")
-                personality_plot = gr.Plot(label="Personality Disorders", elem_classes="full-width-plot")
-                personality_explanation = gr.Textbox(label="Personality Disorders Explanation")
+                with gr.Column(scale=1):
+                    attachment_plot = gr.Plot(label="Attachment Styles")
+                    attachment_explanation = gr.Textbox(label="Attachment Styles Explanation")
+                    dimensions_plot = gr.Plot(label="Attachment Dimensions")
+                    bigfive_plot = gr.Plot(label="Big Five Traits")
+                    bigfive_explanation = gr.Textbox(label="Big Five Traits Explanation")
+                    personality_plot = gr.Plot(label="Personality Disorders")
+                    personality_explanation = gr.Textbox(label="Personality Disorders Explanation")
                 speaker_outputs.extend([
                     attachment_plot, attachment_explanation, dimensions_plot,
                     bigfive_plot, bigfive_explanation, personality_plot, personality_explanation