From 7cf84a94d91119620b1e1d8181839b9cbe4ab6e3 Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Wed, 15 Jul 2026 09:55:36 +0200
Subject: [PATCH] fix(referto): mostra i nomi delle squadre al posto delle
 etichette A/B

L'header e la tabella del risultato finale usavano segnaposto generici
"A"/"B"; ora indicano esplicitamente casa/ospiti e i nomi reali delle
squadre.
---
 src/referto.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/referto.js b/src/referto.js
index c2a59cf..e2aeea3 100644
--- a/src/referto.js
+++ b/src/referto.js
@@ -130,7 +130,7 @@ export function buildRefertoHtml(state, now = new Date()) {
     .meta { font-size: 11px; color: #333; margin-top: 3px; text-transform: uppercase; letter-spacing: 0.5px; }
 
     .squadre-row { display: flex; align-items: center; gap: 14px; }
-    .badge-ab { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #111; font-weight: bold; font-size: 12px; flex-shrink: 0; }
+    .badge-ab { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 11px; border: 2px solid #111; font-weight: bold; font-size: 12px; flex-shrink: 0; }
     .nome-sq { font-size: 18px; font-weight: bold; }
     .vs { font-size: 12px; color: #666; font-weight: bold; }
 
@@ -181,11 +181,11 @@ export function buildRefertoHtml(state, now = new Date()) {
         <div class="meta">${dataOra} &nbsp;·&nbsp; Modalità: ${modalitaPartita}</div>
       </div>
       <div class="squadre-row">
-        <span class="badge-ab">A</span>
+        <span class="badge-ab">Casa</span>
         <span class="nome-sq">${nomi.home}</span>
         <span class="vs">vs</span>
         <span class="nome-sq">${nomi.guest}</span>
-        <span class="badge-ab">B</span>
+        <span class="badge-ab">Ospiti</span>
       </div>
     </div>
 
@@ -195,7 +195,7 @@ export function buildRefertoHtml(state, now = new Date()) {
       <div class="finale-box">
         <div class="finale-box-header">Risultato finale</div>
         <table class="finale-tabella">
-          <thead><tr><th>Set</th><th>A</th><th>B</th></tr></thead>
+          <thead><tr><th>Set</th><th>${nomi.home}</th><th>${nomi.guest}</th></tr></thead>
           <tbody>${risultatoSetHtml}</tbody>
         </table>
         <div class="finale-vince">Vince ${setVinti.home >= setVinti.guest ? nomi.home : nomi.guest} &nbsp;${setVinti.home} – ${setVinti.guest}</div>