Alguns problemas de CSS e como os resolvi para nosso uso pessoal
Desktop
O primeiro não é tanto um problema, mas poderia ser. Raramente temos tantos comentários em uma postagem, mas você deve saber que, se ultrapassar 8 comentários, os Controles da Postagem serão quebrados.
Aqui está com 8 comentários, parece ótimo.
CSS Usado para Desktop
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Celular: iPhone SE Gen1
Mobile
O número máximo de comentários no momento no mobile, sem quebrar os controles da postagem, pelo menos ao usar uma tela menor, é 1.
Com mais de um comentário, os controles da postagem são movidos para fora da tela.
Veja como fica com nossas alterações de CSS.
CSS para Mobile
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
Você pode obter o mesmo visual no Desktop que no Mobile usando o CSS para Mobile acima. Isso colocará os comentários acima dos controles da postagem.
Nós adoramos esse plugin e ele é muito usado em nosso fórum. Obrigado por assumir isso, @angus 