Eu não sou um especialista em CSS na TV e não fiquei em um Holiday Inn ontem à noite.
Mas, você não poderia tentar alterar o padding no CSS mobile para a ul ou li? Talvez reduzir o padding-left para %, vw ou até mesmo menos px?
Provavelmente alguém aqui responderia isso dormindo. Pode ser bom para todos, e você é apenas o primeiro a notar.
Ou não 
Obrigado pela sugestão. Reduzir os passos do índice de 4 para 2 ajudará um pouco. Mas estou mais preocupado com o padding espelhado sendo adicionado no lado direito! O ideal seria eliminar completamente esse padding para dispositivos móveis.
Você pode linkar para uma página onde está enfrentando isso ou copiar a postagem para cá? É difícil dizer o que está acontecendo apenas com essa captura de tela. No meu exemplo, não há recuo na margem direita.
Aqui está a postagem, caso queira ver como ela aparece para você no celular.
Obrigado! Este é um site Discourse relativamente novo. Estamos experimentando na esperança de eliminar nossas MailLists para o projeto de genealogia de código aberto ‘Gramps’. Portanto, estamos na parte íngreme da curva de aprendizado.
A captura de tela foi da versão 4 do aplicativo Android. O mesmo problema se reproduz no Chrome.
Aqui está um link para a postagem:
https://gramps.discourse.group/t/genealogical-numbering-systems/230/5
Seu webmaster não fez um bom trabalho então, já que parece que ainda há um enorme espaço vazio à direita.
Ele diminuiu o preenchimento à esquerda, mas manteve o preenchimento à direita como estava.
A solução do @smrtey é a correta; você deve remover completamente o preenchimento à direita.
Suponho que esse preenchimento à direita tenha sido definido para garantir o espaçamento adequado para idiomas da direita para a esquerda, mas não há motivo para ele estar aqui em um idioma da esquerda para a direita.
Obrigado!
Fizemos alguns testes e acabamos gostando de ter uma margem interna espelhada de 15px à esquerda e à direita.
Quando tentamos comentar a margem direita por completo, nada mudou! (Provavelmente um problema de valor em cascata.)
Aqui está um link para nossa discussão local com capturas de diferentes tentativas.
Estranho.
Você tentou:
.cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
Se não funcionar e isso estiver sendo sobrescrito por outras regras, você pode tentar um seletor mais específico:
.topic-post .cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
Não, não testamos um valor zero explícito. Sempre argumentei que o zero era tratado como um caso especial com muita frequência na passagem de parâmetros. Portanto, tende a ser uma escolha ruim para diagnósticos experimentais.
Então optamos por 15px… e não sentimos mais pressão para experimentar. Esse valor atendeu aos nossos requisitos.
Mas, sim, foi estranho que comentar o código não resolvesse aquele problema. E obrigado!
Isso teria funcionado se você tivesse comentado um padding-right: 40px; já existente, mas simplesmente escrever //padding-right: 40px; como uma nova regra não tem absolutamente nenhum efeito.
A maneira correta aqui de cancelar o padding-right: 40px; existente é, de fato, substituir esse valor anterior por uma nova regra, escrevendo explicitamente padding-right: 0;. 