logout button placement

app.py

@@ -483,6 +483,8 @@ body, .gradio-container, .gradio-container *{color:#111 !important}
 .svelte-3lgy39 .wrap-inner, .wrap-inner{ color: inherit; }
 #popup-overlay, #popup-overlay * {color:#f9fafb !important}
 #popup-overlay #ai-analysis-box, #popup-overlay #ai-analysis-box * { color: #1e293b !important; }
+/* Position login button in top right corner */
+#login_button {position: fixed !important; top: 16px !important; right: 16px !important; z-index: 1000 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;}
 """
 
 # Client boot JS to initialize the mini-map reliably in Gradio (scripts in HTML are sanitized)
@@ -712,7 +714,7 @@ with gr.Blocks(css=APP_CSS, title="LLM GeoGuessr") as demo:
     """)
     
     login_prompt_md = gr.Markdown("### Please log in with your Hugging Face account to play.", visible=True)
-    login_button = LoginButton(visible=True)
+    login_button = LoginButton(visible=True, elem_id="login_button")
     
     logged_in_md = gr.Markdown(visible=False)