fix gradio columns issue

app.py

@@ -260,14 +260,15 @@ def main():
     with gr.Blocks() as demo:
         gr.Markdown("# ASR Metrics Analysis")
 
-        with gr.Columns() as cols:
+        # Create a row with two columns
+        with gr.Row() as row:
+            # Left column for instructions and file uploads
             with gr.Column():
                 gr.Markdown("### Instructions")
                 gr.Markdown("* Upload your reference and hypothesis files")
                 gr.Markdown("* The interface will automatically analyze and display metrics")
                 gr.Markdown("* Results include overall metrics, sentence-level metrics, and misaligned sentences")
 
-            with gr.Column():
                 with gr.Row():
                     reference_file = gr.File(label="Upload Reference File")
                     hypothesis_file = gr.File(label="Upload Model Output File")
@@ -282,21 +283,20 @@ def main():
                     metrics_output = gr.Markdown(label="Metrics")
                     misaligned_output = gr.Markdown(label="Misaligned Sentences")
 
-        gr.Markdown("---")
-        gr.Markdown("### Results")
-
-        with gr.Columns() as results_cols:
+            # Right column for results
             with gr.Column():
-                gr.Markdown("#### Overall Metrics")
-                gr.JSON(label="Results", source="results_output")
+                gr.Markdown("### Results")
+                with gr.Row():
+                    gr.Markdown("#### Overall Metrics")
+                    gr.JSON(label="Results", source="results_output")
 
-            with gr.Column():
-                gr.Markdown("#### Sentence-level Metrics")
-                gr.Markdown(label="Metrics", source="metrics_output")
+                with gr.Row():
+                    gr.Markdown("#### Sentence-level Metrics")
+                    gr.Markdown(label="Metrics", source="metrics_output")
 
-            with gr.Column():
-                gr.Markdown("#### Misaligned Sentences")
-                gr.Markdown(label="Misaligned Sentences", source="misaligned_output")
+                with gr.Row():
+                    gr.Markdown("#### Misaligned Sentences")
+                    gr.Markdown(label="Misaligned Sentences", source="misaligned_output")
 
         # Update previews when files are uploaded
         def update_previews(ref_file, hyp_file):