Very nice customization.
Would be great if we have ability to move username as well. Something like this:


CSS:
// Last Post Avatar - Experimental
.DiscussionListItem-content > .DiscussionListItem-author {
position: relative;
.username {
position: absolute;
bottom: -12px;
left: 50%;
transform: translate(-50%);
font-size: 11px;
font-weight: bold;
max-width: 140%;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
background: var(--button-bg);
color: var(--button-color);
opacity: 0.95;
padding: 0 4px;
border-radius: 4px;
}
}
JS to test it via browser console:
// Move .username into .DiscussionListItem-author
document.querySelectorAll('.DiscussionListItem-content').forEach(item => {
const authorLink = item.querySelector('.DiscussionListItem-author');
const usernameSpan = item.querySelector('.item-terminalPost > span > span.username');
if (authorLink && usernameSpan) {
authorLink.appendChild(usernameSpan);
}
});
// Remove all reply icons
document.querySelectorAll('.item-terminalPost i.icon.fas.fa-reply').forEach(icon => {
icon.remove();
});