Update app.py

app.py

@@ -553,7 +553,8 @@ with gr.Blocks(css=css) as demo:
     gr.Markdown("<h1>🖼️ Image Processor</h1>")
 
     with gr.Row():
-        with gr.Column(scale=2, min_width=500):
+        # === LEFT SIDE: Inputs ===
+        with gr.Column(scale=3, min_width=500):
             with gr.Group(elem_classes="panel"):
                 mode_toggle = gr.Radio(
                     ["📄 Upload Workbook", "📤 Upload Images"],
@@ -592,34 +593,41 @@ with gr.Blocks(css=css) as demo:
                 workbook_upload.change(
                     fn=read_uploaded_workbook,
                     inputs=[workbook_upload],
-                    outputs=[image_data_state, status]
+                    outputs=[image_data_state, gr.Textbox.update()]
                 )
 
                 upload_box.change(
                     lambda files: f"{len(files)} files ready." if files else "No files selected",
                     [upload_box],
-                    [status]
+                    [gr.Textbox.update()]
                 )
 
+            # PROCESS button right after inputs
             process_btn = gr.Button("⚙️ Process", elem_id="process-btn-url")
 
+            # FORMAT options below Process button
             with gr.Group(elem_classes="panel"):
                 format_choice = gr.Dropdown(
                     ["JPEG", "PNG", "WEBP", "TIFF", "GIF", "JFIF", "AVIF"],
-                    label="🖼️ Format", value="JPEG", scale=1
+                    label="🖼️ Format", value="JPEG"
                 )
-                width = gr.Number(label=" Width (px)", value=1000, precision=0, scale=1)
-                height = gr.Number(label=" Height (px)", value=1000, precision=0, scale=1)
+                width = gr.Number(label="Width (px)", value=1000, precision=0)
+                height = gr.Number(label="Height (px)", value=1000, precision=0)
 
+            # Buttons at the bottom
             with gr.Row(elem_classes="btn-row"):
                 stop_btn = gr.Button("Stop", elem_id="stop-btn")
                 clear_btn = gr.Button("Clear", elem_id="clear-btn")
 
-        with gr.Column(scale=1, min_width=300):
+        # === RIGHT SIDE: Status & Output ===
+        with gr.Column(scale=2, min_width=400):
             status = gr.Textbox(
-                label="📣 Status", lines=16, interactive=False, elem_id="status-box"
+                label="📣 Status", lines=18, interactive=False, elem_id="status-box"
             )
 
+            with gr.Group(elem_classes="panel"):
+                zip_download_btn = gr.Button("📦
+
             with gr.Group(elem_classes="panel"):
                 zip_download_btn = gr.Button("📦 Download ZIP")
                 zip_file_hidden = gr.File(visible=False)