layout tweak

app.py

@@ -97,6 +97,8 @@ with gr.Blocks() as demo:
                 
     For more details, see the workshop paper: Re-envisioning Euclid Galaxy Morphology: Identifying and Interpreting Features with Sparse Autoencoders, Wu & Walmsley, 2025, NeurIPS ML4Phys workshop. 
 
+    ----
+                
     """)
 
     with gr.Row():
@@ -105,15 +107,19 @@ with gr.Blocks() as demo:
         reconstructed_output = gr.Image(type="pil", label="Reconstructed Image", height=224, width=224)
         outputs = [image_output, masked_output, reconstructed_output]
 
+    gr.Markdown('---')
+
     with gr.Tab('Examples'):
+
+        explain = gr.Markdown("Click image to update")
+        with gr.Column(scale=0):
+            mask_ratio_slider = gr.Slider(minimum=0.0, maximum=0.99, value=0.9, step=0.01, label="Mask Ratio", min_width=300, scale=0)
+
         with gr.Row():
             # wraps if needed
             sample_images = [gr.Image(value=url, interactive=False, show_download_button=False, show_label=False, width=100, height=100) for url in sample_urls]
 
-        with gr.Row():
-            mask_ratio_slider = gr.Slider(minimum=0.0, maximum=0.99, value=0.9, step=0.01, label="Mask Ratio", min_width=400, scale=0)
-            explain = gr.Markdown("Click image to update")
-    
+
         for im in sample_images:
             im.select(predict, [im, mask_ratio_slider], outputs)
         # mask ratio slider does nothing, requires image click, since we don't know which image to use otherwise