Update app.py

app.py

@@ -236,21 +236,31 @@ with gr.Blocks(theme=gr.themes.Soft(), title="Dataset Annotation Tool", css=cust
     # Login Interface
     with gr.Group(visible=True, elem_id="login-group") as login_interface:
         gr.Markdown("## Login")
-        gr.Markdown("""Annotate which response is more fluent for each prompt.
-
-<details>
-  <summary>Click here to see the full annotation guidelines:</summary>
-  This is the content that will be hidden by default.
-  It can include text, code blocks, images, or other Markdown elements.
-  Remember to add an empty line after the `</summary>` tag for proper rendering of subsequent Markdown elements.
-</details>"""
-)
+        gr.Markdown("Annotate which response is more fluent for each prompt.")
+        with gr.Accordion("Click here to see the full annotation guidelines:", open=False):
+            gr.Markdown("""
+            ## Detailed Information
+            
+            This content is hidden by default and can be expanded.
+            
+            - Point 1
+            - Point 2
+            - Point 3
+            
+            You can put any Gradio components here, including:
+            - Markdown
+            - Code blocks
+            - Images
+            - Interactive components
+            """)
         user_id_input = gr.Textbox(
             label="Enter your unique annotator ID to begin",
             placeholder="Annotator ID",
             scale=3
         )
-        login_btn = gr.Button("Login", variant="primary", scale=1, size="10em")
+        with gr.Row():
+            login_btn = gr.Button("Login", variant="primary", scale=0)
+            gr.HTML("")
         login_status = gr.Markdown("")
     
     # Annotation Interface