Rimetti codice e indirizzo nella testata dell'ispezione

La testata mostrava il solo nome del punto vendita, con il codice
relegato a sottotitolo e l'indirizzo da nessuna parte. Torna com'era:
"01 - D11-PRIMO PREZZO - TERLIZZI LILLIUM" e sotto la via. Il codice sta
davanti al nome perche' e' quello che si confronta con il documento
cartaceo; il nome serve a riconoscere il negozio, l'indirizzo a essere
sicuri di stare in quello giusto.

Il titolo cosi' e' lungo, quindi la testata passa alla misura compatta e
puo' andare a capo fino a tre righe invece di troncare: un nome tagliato
a meta' non aiuta nessuno.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

SteUp.Shared/Components/Pages/IspezionePage.razor

@@ -26,7 +26,7 @@
    barra in basso, che finche' questa schermata e' a video significa "azioni
    di questa ispezione" (vedi PageActionsService). Su un'ispezione conclusa
    non si registra nulla e resta solo la consultazione. *@
-<HeaderLayout Title="@Titolo" Subtitle="@Sottotitolo" Back="true"/>
+<HeaderLayout Title="@Titolo" Subtitle="@Sottotitolo" Back="true" Compact="true"/>
 
 <ActionSheet @bind-Open="_actionsOpen" Title="Azioni ispezione" Subtitle="@Ispezione.CodMdep">
     <div class="stack stack-xs">
@@ -240,13 +240,17 @@
     private string Progresso => (PercentualeInviate / 100.0).ToString("0.###",
         System.Globalization.CultureInfo.InvariantCulture);
 
-    private string Titolo => SteupDataService.PuntiVenditaList
+    private PuntoVenditaDto? PuntoVendita => SteupDataService.PuntiVenditaList
-        .Find(x => x.CodMdep != null && x.CodMdep.EqualsIgnoreCase(Ispezione.CodMdep))?
+        .Find(x => x.CodMdep != null && x.CodMdep.EqualsIgnoreCase(Ispezione.CodMdep));
-        .Descrizione is { Length: > 0 } descrizione
+
-        ? descrizione
+    // Il codice del punto vendita sta davanti al nome, come su ogni documento
+    // cartaceo dell'ispezione: e' quello che si confronta, il nome serve a
+    // riconoscerlo.
+    private string Titolo => PuntoVendita?.Descrizione is { Length: > 0 } descrizione
+        ? $"{Ispezione.CodMdep} - {descrizione}"
         : Ispezione.CodMdep;
 
-    private string Sottotitolo => Ispezione.CodMdep;
+    private string? Sottotitolo => PuntoVendita?.Indirizzo;
 
     private IDisposable? _actionsRegistration;
 

SteUp.Shared/wwwroot/css/components.css

@@ -29,8 +29,10 @@
     min-width: 0;
 }
 
-/* Il titolo puo' andare su due righe prima di troncare: il nome del punto
+/* Il titolo puo' andare su tre righe prima di troncare: codice e nome del
-   vendita e' l'ancora del compito, tagliarlo a meta' non aiuta nessuno. */
+   punto vendita sono l'ancora del compito, e tagliarli a meta' non aiuta
+   nessuno. Le schermate con un titolo lungo usano la testata compatta, dove
+   il testo e' piu' piccolo e tre righe occupano quanto due. */
 .appbar__title {
     font-size: var(--headline-sm-size);
     line-height: var(--headline-sm-height);
@@ -38,7 +40,7 @@
     letter-spacing: -0.02em;
     color: var(--ink);
     display: -webkit-box;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }