Update app.py

app.py

@@ -191,8 +191,12 @@ def _render_leaderboard() -> str:
     best  = sorted_asc[:15]
     worst = sorted_desc[:15]
 
-    def entry_html(e, rank):
-        pct     = e["pct"]
+    def entry_html(e, rank, side="worst"):
+        pct = e["pct"]
+        if side == "best":
+            color = "#1A5C34" if pct < 40 else "#27AE60" if pct < 70 else "#E67E22"
+        else:
+            color = "#C0392B" if pct >= 70 else "#E67E22" if pct >= 40 else "#27AE60"
         color   = "#C0392B" if pct >= 70 else "#E67E22" if pct >= 40 else "#27AE60"
         medal   = ["🥇","🥈","🥉"] [rank] if rank < 3 else f"{rank+1}."
         full    = e["text"].replace("<", "&lt;").replace(">", "&gt;")
@@ -223,8 +227,8 @@ def _render_leaderboard() -> str:
           <div style="font-size:.75rem;color:#888;font-style:italic;">"{e.get('verdict','')}"</div>
         </div>"""
 
-    best_html  = "".join(entry_html(e, i) for i, e in enumerate(best))
-    worst_html = "".join(entry_html(e, i) for i, e in enumerate(worst))
+    best_html  = "".join(entry_html(e, i, side="best")  for i, e in enumerate(best))
+    worst_html = "".join(entry_html(e, i, side="worst") for i, e in enumerate(worst))
 
     total_count = len(entries)
     avg_pct     = round(sum(e["pct"] for e in entries) / total_count)
@@ -248,16 +252,16 @@ def _render_leaderboard() -> str:
         <span style="font-size:.78rem;color:#888;">
           {total_count} Einträge &nbsp;&middot;&nbsp; Ø {avg_pct}% Nonsense
         </span>
-        <div style="margin-left:auto; display:flex; align-items:center; gap:8px;">
+        <div style="margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:4px;">
+            {dataset_badge}
             <button onclick="document.getElementById('hidden_sync_btn').click()" 
                     style="background:transparent; border:1px solid #E0DFDC; color:#666; 
                            font-size:.75rem; font-weight:600; padding:3px 10px; border-radius:99px; 
-                           cursor:pointer; transition:all .2s;"
-                    onmouseover="this.style.background='#EBF3FB'; this.style.color='#0A66C2'; this.style.borderColor='#70B5F9';" 
-                    onmouseout="this.style.background='transparent'; this.style.color='#666'; this.style.borderColor='#E0DFDC';">
+                           cursor:pointer;"
+                    onmouseover="this.style.background='#EBF3FB'; this.style.color='#0A66C2';" 
+                    onmouseout="this.style.background='transparent'; this.style.color='#666';">
               🔄 Aktualisieren
             </button>
-            {dataset_badge}
         </div>
       </div>
       <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;">