O espaçamento deve ser para a linha do tempo do tópico (imagem acima para referência), é por isso que sem os clearfixes o espaço ainda está presente. Ainda há espaço para a linha do tempo, mesmo que haja apenas uma postagem e mesmo que você não seja administrador, onde a linha do tempo apareceria vazia e aparece como espaço vazio.
Pode ser inconsistente ou chocante se este espaço for preenchido quando uma nova postagem for adicionada e a linha do tempo do tópico aparecer, mas se você quiser que ele ocupe todo o espaço quando for apenas uma postagem (sem linha do tempo), você pode fazer isso:
@media screen and (min-width: 925px) {
.container.posts:not(:has(.timeline-scrollarea-wrapper)) {
grid-template-columns: 100%;
}
}
Nota: O .timeline-scrollarea-wrapper só aparece se houver posts suficientes para a linha do tempo aparecer, é por isso que isso funciona.
Para Administradores (veja o botão flutuante):
Para Não Administradores:
Se você quiser um pouco de espaço para o botão de configurações, você pode ajustar ou retocar esta parte:
grid-template-columns: 90% 10%;
grid-template-columns: calc(100% - 80px) 80px;
Isso ajuda a entender o que está acontecendo com o layout ou auxilia completamente? Vemos que o clearfix na sua captura de tela ocupa um espaçamento ligeiramente diferente do que conseguimos replicar, então não temos 100% de certeza se isso resolve o problema.
Eu pessoalmente deixaria como está para consistência com a linha do tempo disponível ou não disponível, mas se você quiser fazer alterações, o CSS acima deve ser suficiente para ocupar toda a largura quando a linha do tempo do tópico estiver vazia. Informe-nos se tiver algum problema com isso ou precisar de ajuda com a implementação! Obrigado.