From fec140df6245c44e65312eaa599c6d352ffad41e Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Wed, 15 Jul 2026 10:11:33 +0200
Subject: [PATCH] style(referto): allinea "vinto da" a destra nell'header del
 set
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Separa punteggio ed etichetta vincitore su un flex con
justify-content: space-between per migliorare la leggibilità.
---
 src/referto.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/referto.js b/src/referto.js
index 722b546..e23e82e 100644
--- a/src/referto.js
+++ b/src/referto.js
@@ -79,7 +79,7 @@ export function buildRefertoHtml(state, now = new Date()) {
 
         const vinc = vincitoreSet(s)
         const nomeVinc = vinc === 'h' ? nomi.home : vinc === 'g' ? nomi.guest : ''
-        const etichettaVinc = nomeVinc ? ` &nbsp;·&nbsp; vinto da <strong>${nomeVinc}</strong>` : ''
+        const etichettaVinc = nomeVinc ? `<span class="set-vinc">vinto da <strong>${nomeVinc}</strong></span>` : ''
 
         const servIcon = '<img src="/serv-nero.png" class="serv-icon" alt="Servizio">'
         const servHomeIcon = s.serv === 'h' ? servIcon : ''
@@ -94,7 +94,8 @@ export function buildRefertoHtml(state, now = new Date()) {
           <div class="set-barra"><span>SET</span><span class="set-numero">${i + 1}</span></div>
           <div class="set-corpo">
             <div class="set-header">
-              ${servHomeIcon}${nomi.home} <strong>${h}</strong> · <strong>${g}</strong> ${nomi.guest}${servGuestIcon}${etichettaVinc}
+              <span>${servHomeIcon}${nomi.home} <strong>${h}</strong> · <strong>${g}</strong> ${nomi.guest}${servGuestIcon}</span>
+              ${etichettaVinc}
             </div>
             <div class="form-inizio">
               <div class="form-inizio-label">Formazione di partenza</div>
@@ -147,7 +148,8 @@ export function buildRefertoHtml(state, now = new Date()) {
     .set-barra span:first-child { writing-mode: vertical-rl; transform: rotate(180deg); font-weight: bold; font-size: 11px; letter-spacing: 2px; }
     .set-numero { font-weight: bold; font-size: 15px; }
     .set-corpo { flex: 1; min-width: 0; }
-    .set-header { background: #eaf7fb; padding: 6px 12px; font-size: 13px; border-bottom: 1px solid #111; }
+    .set-header { background: #eaf7fb; padding: 6px 12px; font-size: 13px; border-bottom: 1px solid #111; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
+    .set-vinc { flex-shrink: 0; }
     .serv-icon { width: 12px; height: 12px; vertical-align: middle; margin: 0 3px; }
 
     .punti-grid { display: flex; flex-wrap: wrap; gap: 0; padding: 0; border-top: 1px solid #111; }