O conteúdo do tópico não ocupa a largura total para textos muito curtos

[fangjue (方觉)]

Prioridade/Severidade: Média

Plataforma: Móvel, qualquer SO/navegador

Descrição: Se um tópico contiver apenas texto curto que caiba em uma porção da largura da tela, a caixa de conteúdo do tópico não ocupa a largura total, deixando espaço em branco à direita.

Pull request: Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub

Passos para reproduzir:

1. Crie um novo tópico com um título e conteúdo curtos. Por exemplo:
   Testar tópico curto
   Texto de corpo muito curto.
2. Abra o tópico em telas móveis que sejam mais largas que o texto do corpo. Neste exemplo, é emulado com as dimensões de um Pixel 7 no Chrome DevTools.
3. O conteúdo do tópico não ocupa a largura total como outros tópicos mais longos que quebram a linha. Há um espaço extra inesperado no lado direito da tela. Além disso, os botões não estão alinhados corretamente com outros elementos na página.
4. Se uma resposta mais longa for postada, o layout se torna normal.

Layout incorreto com conteúdo de tópico muito curto:

Note que a hora da postagem, os botões e o progresso não estão alinhados à direita com o botão azul de resposta do tópico abaixo.

Após uma resposta mais longa ser postada, o layout se torna normal:

(Será enviado na próxima resposta devido ao erro: Ocorreu um erro: Desculpe, novos usuários só podem colocar um item de mídia incorporada em uma postagem.)

[fangjue (方觉)]

Layout esperado (e o layout após a publicação de uma resposta mais longa):

[awesomerobot (Kris)]

Obrigado pelo relatório e pelo PR! Consigo reproduzir o problema e verifiquei que a correção funciona. Isso será mesclado e estará disponível nas atualizações do Discourse em breve.