Fix refresh alignment and tooltip locale issues

- Align refresh button with dropdown controls via CSS
- Inject script to clean ag-grid title attributes and hide CN tooltips

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app.py

@@ -186,7 +186,7 @@ with gr.Blocks(css=custom_css, title="PhotoBench-Protected Leaderboard") as demo
                         label="Sort by",
                     )
                 with gr.Column(scale=1):
-                    refresh_btn = gr.Button("Refresh", variant="primary")
+                    refresh_btn = gr.Button("Refresh", variant="primary", elem_classes=["refresh-btn"])
             leaderboard_table = gr.DataFrame(
                 label="Top 30",
                 interactive=False,

src/about.py

@@ -22,6 +22,20 @@ NAVIGATION = """
         </a>
     </div>
 </div>
+<script>
+(function() {
+    function cleanTitles() {
+        document.querySelectorAll('.ag-header-cell, .ag-header-cell-label, .ag-header-cell-text, .ag-sort-indicator-container, .ag-header-cell-menu-button, .ag-header-icon').forEach(function(el) {
+            el.removeAttribute('title');
+        });
+    }
+    cleanTitles();
+    if (window.MutationObserver) {
+        var obs = new MutationObserver(cleanTitles);
+        obs.observe(document.body, { childList: true, subtree: true });
+    }
+})();
+</script>
 """
 
 TITLE = """
@@ -290,4 +304,17 @@ input:focus, textarea:focus, select:focus {
 .toggle-switch input[type="checkbox"]:checked::after {
     transform: translateX(20px) !important;
 }
+
+/* Refresh button vertical alignment */
+.refresh-btn {
+    margin-top: 30px !important;
+}
+
+/* Hide ag-grid header menu button and tooltips to prevent mixed CN/EN UI */
+.ag-header-cell-menu-button {
+    display: none !important;
+}
+.ag-tooltip {
+    display: none !important;
+}
 """