Meta bar: flag aligned, and counters say what they count

app.py

@@ -59,7 +59,11 @@ CSS = """
            padding:.7rem .9rem; margin:.2rem 0 .7rem;
            border:1px solid var(--fb-line); border-radius:12px;
            font-size:.88rem; color:var(--fb-muted); }
+/* Chaque item est lui-même un flex : sans ça le SVG du drapeau se cale sur
+   la ligne de base du texte et paraît remonté. */
+.fb-meta > span { display:inline-flex; align-items:center; gap:.35rem; }
 .fb-meta b { color:var(--fb-ink); font-weight:650; }
+.fb-meta .fb-sep { color:var(--fb-line); }
 
 .fb-legend { font-size:.82rem; color:var(--fb-muted); margin:.15rem 0 .9rem; }
 
@@ -276,11 +280,17 @@ def build_table(benchmark_id: str, vue: str, archs: list[str],
         + ("<span class='fb-badge'>private test set</span>"
            if bench.get("is_private") else "")
         + f"<span>ranked by <b>{'T-WER' if tonal else 'WER_seg'}</b></span>"
-        + f"<span><b>{len(sel)}</b> of {len(rows)} models</span>"
-        + f"<span>🔧 <b>{compte['maison']}</b> FonBench · "
-          f"👥 <b>{compte['tiers']}</b> community · "
-          f"🌍 <b>{compte['base']}</b> general-purpose</span>"
-        "</div>"
+        + f"<span><b>{len(sel)}</b> of {len(rows)} models shown</span>"
+        # Un compteur nu (« 16 community ») ne dit pas ce qu'il compte :
+        # on écrit la phrase en entier.
+        + ("<span>"
+           f"🔧 <b>{compte['maison']}</b>&nbsp;fine-tuned by FonBench"
+           "<span class='fb-sep'>&nbsp;·&nbsp;</span>"
+           f"👥 <b>{compte['tiers']}</b>&nbsp;fine-tuned by the community"
+           "<span class='fb-sep'>&nbsp;·&nbsp;</span>"
+           f"🌍 <b>{compte['base']}</b>&nbsp;general-purpose"
+           "</span>")
+        + "</div>"
     )
     legende = (
         "All error rates in **%**, lower is better — except **RTFx**, where "