Update app.py

app.py

@@ -1937,6 +1937,50 @@ ul.options[role="listbox"] {
   }
 }
 
+
+/* =========================================================
+   DATASET ACTION BUTTON STANDARDIZATION
+   Keep all three dataset actions identical in width/height.
+   ========================================================= */
+#dataset-actions-row {
+  align-items: stretch !important;
+}
+
+#dataset-actions-row #load-button,
+#dataset-actions-row #example-button,
+#dataset-actions-row #clear-button {
+  flex: 1 1 0 !important;
+  width: 100% !important;
+  min-width: 0 !important;
+  height: 44px !important;
+  min-height: 44px !important;
+  max-height: 44px !important;
+  margin: 0 !important;
+}
+
+#dataset-actions-row #load-button button,
+#dataset-actions-row #example-button button,
+#dataset-actions-row #clear-button button {
+  width: 100% !important;
+  height: 44px !important;
+  min-height: 44px !important;
+  max-height: 44px !important;
+  white-space: nowrap !important;
+}
+
+/* Allow the row to adapt cleanly on smaller screens without uneven controls. */
+@media (max-width: 800px) {
+  #dataset-actions-row {
+    flex-wrap: wrap !important;
+  }
+
+  #dataset-actions-row #load-button,
+  #dataset-actions-row #example-button,
+  #dataset-actions-row #clear-button {
+    flex: 1 1 100% !important;
+  }
+}
+
 '''
 
 
@@ -2011,11 +2055,28 @@ def build_app():
                                     label="Dataset file",
                                     file_types=[".csv", ".parquet", ".json", ".jsonl", ".xlsx", ".xls"],
                                 )
-                                # Groups the dataset load, example-load, and workspace-reset actions together
-                                with gr.Row():
-                                    load_btn = gr.Button("Load + Profile Dataset", variant="primary", elem_id="load-button")
-                                    example_btn = gr.Button("Load HF Dataset (Example Dataset)")
-                                    clear_btn = gr.Button("Clear Workspace")
+                                # Groups the dataset load, example-load, and workspace-reset actions together.
+                                # Equal scale/min-width values keep all three actions exactly the same width.
+                                with gr.Row(equal_height=True, elem_id="dataset-actions-row"):
+                                    load_btn = gr.Button(
+                                        "Load + Profile Dataset",
+                                        variant="primary",
+                                        elem_id="load-button",
+                                        scale=1,
+                                        min_width=0,
+                                    )
+                                    example_btn = gr.Button(
+                                        "Load HF Dataset (Example Dataset)",
+                                        elem_id="example-button",
+                                        scale=1,
+                                        min_width=0,
+                                    )
+                                    clear_btn = gr.Button(
+                                        "Clear Workspace",
+                                        elem_id="clear-button",
+                                        scale=1,
+                                        min_width=0,
+                                    )
                                 # Creates read-only dataframe components for the dataset preview and inferred schema
                                 preview = gr.Dataframe(label="Dataset Preview:", interactive=False, wrap=True, elem_id="dataset-preview")
                                 schema_table = gr.Dataframe(label="Dataset Schema:", interactive=False, wrap=True, elem_id="dataset-schema")