أضف هادا الكود إلى extra.less
.message-userExtras {
display: flex;
flex-wrap: wrap;
& .pairs.pairs--justified {
margin: 2px auto;
padding: 2px;
display: grid;
text-align: center;
width: 49%;
border: 1px solid @xf-borderColor;
border-radius: 2px;
background: @xf-contentBg;
&:first-child {
min-width: 100%;
}
&> dt {
font-size: 0;
margin-right: 0;
}
&> dd {
text-align: center;
}
& dt:before {
.m-faBase();
font-size: 13px;
}
&:nth-child(1) dt {
.m-faBefore(@fa-var-calendar-alt);
}
&:nth-child(2) dt {
.m-faBefore(@fa-var-comments-alt);
}
&:nth-child(3) dt {
.m-faBefore(@fa-var-heart);
}
&:nth-child(4) dt {
.m-faBefore(@fa-var-trophy);
}
&:nth-child(6) dt {
.m-faBefore(@fa-var-map-marker);
}
&:nth-child(7) dt {
.m-faBefore(@fa-var-globe);
}
}
}