Update app.py

app.py

@@ -71,29 +71,47 @@ with gr.Blocks() as demo:
         with gr.Column(scale=1):
             img2 = gr.Image(label="Image 2")
     
-    # Scores Row
+    # Label 1 and Label 1 Score Row
     with gr.Row():
-        # Left Scores
+        with gr.Column(scale=2):
+            label1 = gr.Textbox(label="Label 1", interactive=False, lines=1)
         with gr.Column(scale=1):
-            label1 = gr.Textbox(label="Label 1", interactive=False)
             label1_score = gr.Number(label="Label 1 Score", interactive=False)
-            label2 = gr.Textbox(label="Label 2", interactive=False)
+    
+    # Label 2 and Label 2 Score Row
+    with gr.Row():
+        with gr.Column(scale=2):
+            label2 = gr.Textbox(label="Label 2", interactive=False, lines=1)
+        with gr.Column(scale=1):
             label2_score = gr.Number(label="Label 2 Score", interactive=False)
-        
-        # Right Scores
+    
+    # Label 3 and Label 3 Score Row
+    with gr.Row():
+        with gr.Column(scale=2):
+            label3 = gr.Textbox(label="Label 3", interactive=False, lines=1)
         with gr.Column(scale=1):
-            label3 = gr.Textbox(label="Label 3", interactive=False)
             label3_score = gr.Number(label="Label 3 Score", interactive=False)
     
     # Prompt Row
     with gr.Row():
-        prompt = gr.Textbox(label="Prompt", interactive=False)
+        with gr.Column(scale=3):
+            prompt = gr.Textbox(label="Prompt", interactive=False, lines=2)
     
     # Define Button Click Action
     show_button.click(
         show_image_pair, 
         inputs=[pair_id_input], 
-        outputs=[img1, img2, prompt, label1, label1_score, label2, label2_score, label3, label3_score]
+        outputs=[
+            img1, 
+            img2, 
+            prompt, 
+            label1, 
+            label1_score, 
+            label2, 
+            label2_score, 
+            label3, 
+            label3_score
+        ]
     )
 
 if __name__ == "__main__":