bugfix: fix minor bugs

app.py

@@ -206,6 +206,11 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
                 visible=False,
             )
 
+        with gr.Row():
+            player_name_too_long = gr.Markdown(
+                "# 暱稱過長，請重新輸入", visible=False, elem_id="player_name_too_long"
+            )
+
         with gr.Row():
             confirm_player_name = gr.Button(
                 "確認暱稱", elem_id="confirm_player_name", visible=False
@@ -213,9 +218,6 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
             cancel_player_name = gr.Button(
                 "取消", elem_id="cancel_player_name", visible=False
             )
-            player_name_too_long = gr.Markdown(
-                "# 暱稱過長，請重新輸入", visible=False, elem_id="player_name_too_long"
-            )
 
         with gr.Row():
             player_name_next_step = gr.Button(
@@ -381,7 +383,7 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
                 gr.update(visible=True),
             )
         else:
-            return gr.update(visible=True), gr.update(visible=True), gr.update(False)
+            return gr.update(visible=True), gr.update(visible=True), gr.update(visible=False)
 
     confirm_player_name.click(
         lambda: (gr.update(interactive=False), gr.update(visible=False)),
@@ -398,9 +400,9 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
     )
 
     cancel_player_name.click(
-        lambda: (gr.update(interactive=True), gr.update(visible=True)),
+        lambda: (gr.update(interactive=True), gr.update(visible=True), gr.update(visible=False)),
         None,
-        [player_name, confirm_player_name],
+        [player_name, confirm_player_name, player_name_too_long],
         queue=False,
     ).then(
         lambda: create_visibility_updates(False, 2),