update layout

app.py

@@ -60,10 +60,10 @@ def append_suggestion(current, choice):
     text = choice.split(". ", 1)[1] if ". " in choice else choice
     return current + text
 
-# 自訂 CSS：模擬經典中文輸入法候選欄樣式，並使輸入框彈性伸展
+# 自訂 CSS：模擬經典中文輸入法候選欄樣式
 custom_css = """
 #suggestions-bar {
-    margin-right: 8px;
+    margin-bottom: 8px;
 }
 #suggestions-bar .candidate-list {
     display: flex;
@@ -91,9 +91,6 @@ custom_css = """
     background: #e6f7ff;
     border: 1px solid #1890ff;
 }
-#input-box {
-    flex: 1;
-}
 """
 
 with gr.Blocks(css=custom_css) as demo:
@@ -103,18 +100,19 @@ with gr.Blocks(css=custom_css) as demo:
         "結合小型語言模型與 ZeroGPU，提供即時輸入法風格候選欄。"
     )
 
-    # 候選條與輸入框並排
-    with gr.Row():
-        suggestions = gr.Radio(
-            [], label="", interactive=True, type="value",
-            elem_id="suggestions-bar", elem_classes="candidate-list"
-        )
-        input_text = gr.Textbox(
-            label="", placeholder="請輸入拼音或文字…",
-            lines=1, max_lines=1, elem_id="input-box"
-        )
+    # 候選條（置於上方）
+    suggestions = gr.Radio(
+        [], label="", interactive=True, type="value",
+        elem_id="suggestions-bar", elem_classes="candidate-list"
+    )
+
+    # 輸入框（置於候選條下方）
+    input_text = gr.Textbox(
+        label="", placeholder="請輸入拼音或文字…",
+        lines=1, max_lines=1, elem_id="input-box"
+    )
 
-    # 預測按鈕（置於下方）
+    # 預測按鈕（置於文字框下方）
     predict_button = gr.Button("預測", elem_id="predict-button")
 
     # 進階參數設定（可摺疊）