XF 2.2 Количество тем и сообщений с иконкой

[Isoff]

Собственно все в названии темы, как сделать вот как на скрины в столбик и с иконками

 

[DreamTails]

Ch3SteR, еще больше обрежьте скрин, чтобы было понятно что это и где это

 

[Isoff]

Ch3SteR, еще больше обрежьте скрин, чтобы было понятно что это и где это

Сейчас так:



Как сделать что бы было так:

 

[Mirovinger]

Набросал по быстрому.

.node-stats {
    width: 70px;
    
    > dl.pairs.pairs--rows {
        width: 55%;

        &:first-child {
            padding-left: 3px;
        }

        &:last-child {
            padding-right: 5px;
        }
    }

    .pairs--rows {
        dt {
            display: none;
        }

        dd {

            &:before {
                .m-faBase();
                display: inline;
                font-size: 15px;
                padding-right: 5px;
                font-style: normal;
            }
        }

        &:nth-child(1) > dd:before {
            content: "\f4ad";
        }

        &:nth-child(2) > dd:before {
            content: "\f086";
        }
    }
}