move results down

app.py

@@ -42,25 +42,31 @@ def create_ui():
         # Track the active tab for conditional UI updates
         active_tab = gr.State("upload")  # Default to upload tab
         
-        # Move the tabs before the validation results
-        with gr.Tabs() as tabs:
-            with gr.TabItem("Upload File", id="upload_tab"):
-                file_input = gr.File(label="Upload Croissant JSON-LD File", file_types=[".json", ".jsonld"])
-                validate_btn = gr.Button("Validate Uploaded File", variant="primary")
-            
-            with gr.TabItem("URL Input", id="url_tab"):
-                url_input = gr.Textbox(
-                    label="Enter Croissant JSON-LD URL",
-                    placeholder="e.g. https://huggingface.co/api/datasets/facebook/natural_reasoning/croissant"
-                )
-                fetch_btn = gr.Button("Fetch and Validate", variant="primary")
+        # Create a container for the entire input section
+        with gr.Group():
+            # Input tabs
+            with gr.Tabs() as tabs:
+                with gr.TabItem("Upload File", id="upload_tab"):
+                    file_input = gr.File(label="Upload Croissant JSON-LD File", file_types=[".json", ".jsonld"])
+                    validate_btn = gr.Button("Validate Uploaded File", variant="primary")
+                
+                with gr.TabItem("URL Input", id="url_tab"):
+                    url_input = gr.Textbox(
+                        label="Enter Croissant JSON-LD URL",
+                        placeholder="e.g. https://huggingface.co/api/datasets/facebook/natural_reasoning/croissant"
+                    )
+                    fetch_btn = gr.Button("Fetch and Validate", variant="primary")
         
-        # Create containers for validation results - moved below inputs for better flow
-        upload_progress = gr.HTML(
-            """<div class="progress-container">
-                 <div class="progress-status">Ready for validation</div>
-               </div>""", visible=True)
-        validation_results = gr.HTML(visible=False)
+        # Now create the validation results section AFTER the input section
+        with gr.Group():
+            # Progress/status message
+            upload_progress = gr.HTML(
+                """<div class="progress-container">
+                     <div class="progress-status">Ready for validation</div>
+                   </div>""", visible=True)
+            
+            # Validation results
+            validation_results = gr.HTML(visible=False)
         
         # Define CSS for the validation UI - improved for dark mode compatibility
         gr.HTML("""