Le problème vient du code HTML qui génère cette section du courriel de résumé. Voici une capture d’écran depuis Outlook 2019 (Windows 10) :
Je rencontre ce problème sur toutes les versions de bureau d’Outlook que j’ai testées (Outlook 2010 à Outlook 2019). Les tests disponibles sur Litmus sont exécutés sous Windows 10. Ce que ces versions d’Outlook ont en commun, c’est qu’elles utilisent toutes Microsoft Word pour afficher les courriels.
Microsoft Word ne peut pas gérer les règles CSS float présentes dans le code HTML de Discourse. C’est ce qui fait que les comptes « J’aime » et « Réponses » s’affichent sous les icônes au lieu d’être alignés à côté. Le problème d’alignement vertical est dû à certains éléments p que le moteur de rendu ajoute au code HTML dans une tentative d’appliquer le CSS du courriel. Outlook ajoute également des espacements aux éléments p pour tenter de reproduire le CSS du courriel.
J’ai passé du temps à chercher une solution en CSS pour résoudre ce problème. Je ne pense pas que cela soit possible. Pour corriger le problème, nous devrons modifier le code HTML de cette section du courriel afin d’utiliser des tableaux plutôt que du CSS.