/*
    Correzioni Spark applicate sopra il tema Spruko.

    Questo foglio va caricato DOPO styles.css e icons.css: sono file del tema,
    rigenerati quando lo si aggiorna, e una modifica fatta li' dentro andrebbe
    persa senza lasciare traccia. Qui invece resta, e si vede subito cos'e'
    nostro e cos'e' del tema.
*/

/* ------------------------------------------------------------------------
   Menu laterale: icona centrata sulla riga della voce
   ------------------------------------------------------------------------
   Il tema definisce l'icona come una scatola quadrata di altezza FISSA:

       .app-sidebar .side-menu__icon { width: 1.15rem; height: 1.15rem;
                                       font-size: 1.15rem; }

   ma non le da' un line-height, quindi eredita quello del tema (1.5). Dentro
   una scatola alta 18,4px si forma cosi' una riga da 27,6px: i 9,2px di
   interlinea in eccesso non possono allargare la scatola (l'altezza e' fissa),
   quindi meta' spinge il glifo verso il basso e il resto sborda sotto il
   bordo. L'etichetta accanto non ha il problema perche' il tema le assegna
   gia' line-height: 1.

   Risultato: l'icona finisce piu' in basso del testo che le sta a fianco.
   Misurato sull'inchiostro reale dei glifi: 5,4px di scarto, che su una riga
   da 18px si vedono benissimo.

   Pareggiando line-height e altezza della scatola l'interlinea in eccesso
   sparisce e il glifo torna centrato: scarto misurato 5,4px -> 0,8px, cioe'
   lo stesso allineamento delle voci senza icona.

   Vale per tutte le varianti del menu (esteso, a sole icone, orizzontale)
   perche' nessuna di esse ridefinisce il line-height dell'icona. */
.app-sidebar .side-menu__icon {
    line-height: 1;
}