Update app.py

app.py

@@ -555,6 +555,8 @@ def run(orig_image: Image.Image, points: list, preset_name: str):
 
 _CSS = """
 #run-btn {font-weight: 600;}
+#upload-zone {min-height: 240px;}
+#upload-zone .center {min-height: 220px;}
 .footer-note {opacity: 0.7; font-size: 0.85rem;}
 """
 
@@ -586,6 +588,7 @@ with gr.Blocks(title="GazeAlign", css=_CSS) as demo:
                 label=_UPLOAD_LABEL,
                 file_types=[".jpg", ".jpeg", ".png", ".bmp", ".tif", ".tiff", ".webp", ".dcm"],
                 type="filepath",
+                elem_id="upload-zone",
             )
             # interactive=False → a pure display surface that reports click
             # coordinates via .select (an interactive Image opens an editor
@@ -594,20 +597,10 @@ with gr.Blocks(title="GazeAlign", css=_CSS) as demo:
                 label=_FIXATION_LABEL, type="pil", interactive=False,
                 visible=False, height=440,
             )
-            fix_status = gr.Markdown(
-                "_No fixations yet — click the image, or load a fixation file below._"
-            )
-
-            weight_slider = gr.Slider(
-                0.0, 1.0, value=0.5, step=0.05,
-                label="Dwell / duration weight for the next click",
-            )
-            with gr.Row():
-                clear_btn = gr.Button("Clear fixations")
-                delete_btn = gr.Button("Delete image", visible=False)
+            fix_status = gr.Markdown("")
 
-            # Collapsed by default — click the header (menu-style) to reveal.
-            with gr.Accordion("📁  Load fixations from a file (.csv / .xlsx / .xls)", open=False):
+            # Load-from-file menu — collapsed; click the header to reveal.
+            with gr.Accordion("📄  Load fixations from file", open=False):
                 fixfile = gr.File(
                     label=_FIXFILE_LABEL, file_types=[".csv", ".xlsx", ".xls"], type="filepath"
                 )
@@ -618,6 +611,15 @@ with gr.Blocks(title="GazeAlign", css=_CSS) as demo:
                     time_col_dd = gr.Dropdown(label="Time column (optional)", choices=[])
                 apply_fix_btn = gr.Button("Apply fixation file", visible=False)
 
+            # Duration weight + clear on one row (screenshot layout).
+            with gr.Row():
+                weight_slider = gr.Slider(
+                    0.0, 1.0, value=1.0, step=0.05,
+                    label="Fixation duration weight", scale=3,
+                )
+                clear_btn = gr.Button("✕ Clear fixations", scale=2)
+            delete_btn = gr.Button("Delete image", visible=False)
+
             run_btn = gr.Button("Run GazeAlign", variant="primary", elem_id="run-btn")
 
         # ── Right: results ───────────────────────────────────────────────────
@@ -629,7 +631,7 @@ with gr.Blocks(title="GazeAlign", css=_CSS) as demo:
     gr.Markdown(
         "<div class='footer-note'>Fixation tables use raw pixel or normalised "
         "[0,1] X/Y coordinates. See the "
-        "<a href='https://github.com/anonymous-IA/GazeAlign'>GitHub repo</a> "
+        "<a href='https://github.com/MohammedOussamaBEN/GazeAlign'>GitHub repo</a> "
         "for training and evaluation code.</div>"
     )