Update app.py

app.py

@@ -153,82 +153,68 @@ with gr.Blocks() as gradio_app:
     gr.Markdown("# South Asian Image Data Collection")
     gr.Markdown("Upload an image and answer questions about its cultural significance.")
     
+    # Split the interface into two columns
     with gr.Row():
-        input_img = gr.Image(label="Upload an image", sources=['upload', 'webcam'], type="pil")
-    
-    with gr.Row():
-        text_answer = gr.Textbox(label="The image portrays culturally-relevant information in:", placeholder="what culture does this image represent?")
-    
-    with gr.Row():
-        country_dropdown = gr.Dropdown(
-            choices=["India", "Pakistan", "Bangladesh", "Afghanistan", "Bhutan", "Nepal", "Sri Lanka"],
-            label="Country where the image was taken:",
-            interactive=True
-        )
-    
-    with gr.Row():
-        state_dropdown = gr.Dropdown(
-            choices=[],
-            label="State/Province:",
-            interactive=True
-        )
-    
-    with gr.Row():
-        city_textbox = gr.Textbox(label="City where the image was taken:", placeholder="Enter city name")
-    
-    with gr.Row():
-        se_asia_relevance = gr.Radio(
-            choices=[
-                "Yes. Unique to South Asia",
-                "Yes, people will likely think of South Asia when seeing the picture, but it may have low degree of similarity to other cultures.",
-                "Maybe, this culture did not originate from South Asia, but it's quite dominant in South Asia",
-                "Not really. It has some affiliation to South Asia, but actually does not represent South Asia or has stronger affiliation to cultures outside South Asia",
-                "No. Totally unrelated to South Asia"
-            ],
-            label="Is the image culturally relevant in South Asia?"
-        )
-    
-    with gr.Row():
-        culture_knowledge = gr.Radio(
-            choices=[
-                "I'm from this country/culture",
-                "I checked online resources (e.g., Wikipedia, articles, blogs)"
-            ],
-            label="How do you know about this culture?",
-            info="Please do not consult LLMs (e.g., GPT-4o, Claude, Command-R, etc.)"
-        )
-    
-    with gr.Row():
-        native_caption = gr.Textbox(label="Caption in Native Language:", placeholder="Enter caption in the native language of the culture depicted")
-    
-    with gr.Row():
-        english_caption = gr.Textbox(label="English Caption:", placeholder="Enter caption in English")
+        # Left column for image upload and basic information
+        with gr.Column(scale=1):
+            input_img = gr.Image(label="Upload an image", sources=['upload', 'webcam'], type="pil")
+            text_answer = gr.Textbox(label="The image portrays culturally-relevant information in:", placeholder="what culture does this image represent?")
+            
+            # Location information in the left column
+            country_dropdown = gr.Dropdown(
+                choices=["India", "Pakistan", "Bangladesh", "Afghanistan", "Bhutan", "Nepal", "Sri Lanka"],
+                label="Country where the image was taken:",
+                interactive=True
+            )
+            state_dropdown = gr.Dropdown(
+                choices=[],
+                label="State/Province:",
+                interactive=True
+            )
+            city_textbox = gr.Textbox(label="City where the image was taken:", placeholder="Enter city name")
+        
+        # Right column for additional information
+        with gr.Column(scale=1):
+            se_asia_relevance = gr.Radio(
+                choices=[
+                    "Yes. Unique to South Asia",
+                    "Yes, people will likely think of South Asia when seeing the picture, but it may have low degree of similarity to other cultures.",
+                    "Maybe, this culture did not originate from South Asia, but it's quite dominant in South Asia",
+                    "Not really. It has some affiliation to South Asia, but actually does not represent South Asia or has stronger affiliation to cultures outside South Asia",
+                    "No. Totally unrelated to South Asia"
+                ],
+                label="Is the image culturally relevant in South Asia?"
+            )
+            
+            culture_knowledge = gr.Radio(
+                choices=[
+                    "I'm from this country/culture",
+                    "I checked online resources (e.g., Wikipedia, articles, blogs)"
+                ],
+                label="How do you know about this culture?",
+                info="Please do not consult LLMs (e.g., GPT-4o, Claude, Command-R, etc.)"
+            )
+            
+            native_caption = gr.Textbox(label="Caption in Native Language:", placeholder="Enter caption in the native language of the culture depicted")
+            english_caption = gr.Textbox(label="English Caption:", placeholder="Enter caption in English")
     
-    # Buttons row - "Share via Link" button removed
+    # Buttons row
     with gr.Row():
         clear_btn = gr.Button("Clear")
         submit_btn = gr.Button("Submit")
     
+    # Output display section - also split into two columns
     with gr.Row():
-        output_img = gr.Image(label="Submitted Image")
-    
-    with gr.Row():
-        output_text = gr.Text(label="Text Response")
-    
-    with gr.Row():
-        output_location = gr.Text(label="Location Information")
-    
-    with gr.Row():
-        output_relevance = gr.Text(label="South Asia Cultural Relevance")
-    
-    with gr.Row():
-        output_knowledge = gr.Text(label="Cultural Knowledge Source")
-    
-    with gr.Row():
-        output_native = gr.Text(label="Native Language Caption")
-    
-    with gr.Row():
-        output_english = gr.Text(label="English Caption")
+        with gr.Column(scale=1):
+            output_img = gr.Image(label="Submitted Image")
+            output_text = gr.Text(label="Text Response")
+            output_location = gr.Text(label="Location Information")
+        
+        with gr.Column(scale=1):
+            output_relevance = gr.Text(label="South Asia Cultural Relevance")
+            output_knowledge = gr.Text(label="Cultural Knowledge Source")
+            output_native = gr.Text(label="Native Language Caption")
+            output_english = gr.Text(label="English Caption")
     
     # Set up event handlers
     country_dropdown.change(