Removendo preenchimento no botão de fechar

Olá, comunidade!

Tenho uma pequena dúvida sobre a interface. Em cada modal que possui o botão de fechar, o botão tem algum espaçamento interno (padding):

Meu tema adiciona uma cor de fundo ao botão, então o botão de fechar ganha um fundo. Isso resulta em:

image

O código HTML:

.modal-header .modal-close {
    order: 2;
    margin-left: auto;
    padding-left: 2em;
}

Se eu tentar definir padding-left como nenhum no meu tema, ele é sobrescrito. Se você remover o padding-left, nada muda por causa do margin-left: auto;. É possível remover o padding-left do código? Eu mesmo adicionaria um PR, mas queria ter certeza de que essa é uma sugestão válida.

2 curtidas

Definir o padding-left como 0 deve funcionar… por exemplo:

.modal-header .modal-close {
    padding-left: 0;
    background: skyblue;
}

4 curtidas