Rimozione del padding nel pulsante di chiusura

Ciao community!
Ho una piccola domanda sull’interfaccia utente. In ogni finestra modale che presenta il pulsante di chiusura, questo ha un certo padding:

Il mio tema aggiunge un colore di sfondo al pulsante, quindi il pulsante di chiusura ha uno sfondo. Questo significa che si ottiene:

image

Il codice HTML:

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

Se provo a impostare padding-left a nessuno nel mio tema, viene sovrascritto. Se rimuovi padding-left, non cambierà nulla a causa di margin-left: auto;. È possibile rimuovere padding-left dal codice? Vorrei creare una PR io stesso, ma volevo assicurarmi che si tratti di un suggerimento valido.

2 Mi Piace

Impostare il padding a sinistra su 0 dovrebbe funzionare… ad esempio:

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

4 Mi Piace