fix: narrow-screen layout (wrap rows, min_width on columns) to prevent right half from vanishing

app.py

@@ -430,7 +430,12 @@ def skip_and_next(state: dict):
 # ---------------------------------------------------------------------------
 
 CUSTOM_CSS = """
-#prompt_box textarea { height: 480px !important; overflow-y: auto !important; }
+/* Make the prompt textarea scroll inside its fixed height instead of getting
+   clipped or hidden on narrow screens. */
+#prompt_box textarea { height: 400px !important; overflow-y: auto !important; }
+/* Ensure Gradio rows wrap instead of overflowing / hiding children when the
+   HF Space iframe is narrow (this was making half the UI invisible). */
+.gradio-container .gr-row, .gradio-container .form { flex-wrap: wrap !important; }
 """
 
 with gr.Blocks(title="MBench-V 标注", theme=gr.themes.Soft(),
@@ -439,7 +444,7 @@ with gr.Blocks(title="MBench-V 标注", theme=gr.themes.Soft(),
         """
         # 🎬 MBench-V 视频标注 —— *该视频是否出现了记忆问题？*
 
-        请对照右侧的 5 段 Prompt 观看左侧视频，然后选择 **是** 或 **否**。
+        请对照视频和 Prompt，然后选择 **是** 或 **否**。
         """
     )
 
@@ -451,35 +456,35 @@ with gr.Blocks(title="MBench-V 标注", theme=gr.themes.Soft(),
         annotator_in = gr.Textbox(
             label="标注员名字", placeholder="例如：alice", scale=4, autofocus=True,
         )
-        login_btn = gr.Button("开始", variant="primary", scale=1)
+        login_btn = gr.Button("开始", variant="primary", scale=1, min_width=100)
 
     status_md = gr.Markdown("_尚未开始。_")
 
-    # ========= 上排：视频 ↔ Prompt =========
+    # ========= 上排：视频 | Prompt (横向；窄屏自动折行) =========
     with gr.Row(equal_height=True):
-        with gr.Column(scale=3):
+        with gr.Column(scale=3, min_width=360):
             video = gr.HTML(value=PLACEHOLDER_VIDEO, label="生成的视频")
-        with gr.Column(scale=2):
+        with gr.Column(scale=2, min_width=320):
             prompt_tb = gr.Textbox(
                 label="生成 Prompt（共 5 段）",
-                lines=22, max_lines=22,
+                lines=18, max_lines=18,
                 interactive=False, show_copy_button=True,
                 elem_id="prompt_box",
             )
 
-    # ========= 下排：元信息 ↔ 选项 =========
+    # ========= 下排：元信息 | 选项 =========
     with gr.Row():
-        with gr.Column(scale=3):
+        with gr.Column(scale=3, min_width=320):
             meta_md = gr.Markdown("_当前没有加载任务。_")
-        with gr.Column(scale=2):
+        with gr.Column(scale=2, min_width=320):
             verdict = gr.Radio(
                 choices=["否", "是"], value="否",
                 label="该视频是否出现了记忆问题？",
             )
             note = gr.Textbox(label="备注（可选）", lines=2)
             with gr.Row():
-                submit_btn = gr.Button("✅ 提交并下一条", variant="primary")
-                skip_btn = gr.Button("⏭️ 跳过")
+                submit_btn = gr.Button("✅ 提交并下一条", variant="primary", min_width=140)
+                skip_btn = gr.Button("⏭️ 跳过", min_width=100)
 
     # ========= Wiring =========
     login_outputs = [state, video, meta_md, prompt_tb, status_md, stats_md]