Come si vede dallo screenshot, tutti gli altri pulsanti tranne “Billing” includono solo un’icona svg senza parole, ma Billing le include, causando una discrepanza visiva.
Sarebbe meglio rimuovere le parole? Penso che l’icona sia sufficiente.
Ottima osservazione, grazie per aver sollevato questo problema @small-lovely-cat! Capisco che possa essere piuttosto stridente avere solo 1 icona accompagnata da parole sulla tua interfaccia utente.
Da quello che posso vedere, questo sta probabilmente accadendo quando la viewport diventa troppo stretta e applichiamo alcuni stili per evitare che quegli elementi di testo vengano visualizzati sulla pagina:
Al componente Billing che hai aggiornato nel tuo PR manca l’elemento span attorno al testo internazionalizzato. Dovremmo aggiungerlo, e questo dovrebbe essere sufficiente per gestire questo caso. Non vorremmo rimuovere completamente il testo, altrimenti incorreremmo nel problema che l’icona manca di testo mentre tutte le altre icone hanno testi di accompagnamento in viewport più ampie.