Update app.py

app.py

@@ -851,51 +851,54 @@ def create_interface():
         if examples_data:
             # Create table header
             with gr.Row():
-                with gr.Column(scale=1):
-                    gr.Markdown("**Original Image**")
-                with gr.Column(scale=2):
-                    gr.Markdown("**Instruction**")
                 with gr.Column(scale=2):
+                    gr.Markdown("**Original Image & Instruction**")
+                with gr.Column(scale=3):
                     gr.Markdown("**Retouching Settings**")
-                with gr.Column(scale=1):
+                with gr.Column(scale=2):
                     gr.Markdown("**Processed Image**")
             
             # Create rows for each example
             for i, example in enumerate(examples_data):
                 with gr.Row():
-                    with gr.Column(scale=1):
+                    with gr.Column(scale=2):
                         if example['original_image']:
-                            gr.Image(example['original_image'], label=f"Example {example['id']}", height=150, interactive=False)
+                            gr.Image(example['original_image'], label=f"Example {example['id']}", height=200, interactive=False)
                         else:
                             gr.Markdown("*No image*")
-                    
-                    with gr.Column(scale=2):
+                        
+                        # Instruction below the image
                         if example['user_prompt']:
-                            gr.Markdown(f"*{example['user_prompt']}*")
+                            gr.Markdown(f"**Instruction:** *{example['user_prompt']}*")
                         else:
                             gr.Markdown("*No instruction*")
                     
-                    with gr.Column(scale=2):
+                    with gr.Column(scale=3):
                         if example['config_lua']:
-                            # Show preview of config
-                            config_preview = example['config_lua'][:200] + "..." if len(example['config_lua']) > 200 else example['config_lua']
-                            gr.Textbox(config_preview, label=f"Config Preview", lines=8, max_lines=8, interactive=False)
+                            # Show preview of config with fixed height
+                            config_preview = example['config_lua'][:300] + "..." if len(example['config_lua']) > 300 else example['config_lua']
+                            gr.Textbox(config_preview, label=f"Config Preview", lines=10, max_lines=10, interactive=False)
                             
                             # Download button
                             download_btn = gr.Button(f"📥 Download Preset {example['id']}", size="sm", variant="secondary")
-                            download_output = gr.File(visible=False)
+                            download_output = gr.File(label="Download", visible=True, interactive=False)
+                            
+                            # Bind download event with closure - fix the closure issue
+                            def create_download_function(config_content, example_id):
+                                def download_func():
+                                    return download_example_preset(config_content, example_id)
+                                return download_func
                             
-                            # Bind download event with closure
                             download_btn.click(
-                                fn=lambda config=example['config_lua'], eid=example['id']: download_example_preset(config, eid),
+                                fn=create_download_function(example['config_lua'], example['id']),
                                 outputs=download_output
                             )
                         else:
                             gr.Markdown("*No config file*")
                     
-                    with gr.Column(scale=1):
+                    with gr.Column(scale=2):
                         if example['processed_image']:
-                            gr.Image(example['processed_image'], label=f"Result {example['id']}", height=150, interactive=False)
+                            gr.Image(example['processed_image'], label=f"Result {example['id']}", height=200, interactive=False)
                         else:
                             gr.Markdown("*No result image*")
         else: