Abstand im Schließen-Button entfernen

Hallo Community!
Ich habe eine kleine Frage zum UI. In jedem Modal mit der Schließen-Schaltfläche hat diese etwas Padding:

Mein Theme fügt der Schaltfläche eine Hintergrundfarbe hinzu, sodass die Schließen-Schaltfläche einen Hintergrund hat. Das bedeutet, Sie erhalten:

image

Der HTML-Code:

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

Wenn ich versuche, padding-left in meinem Theme auf „none“ zu setzen, wird dies überschrieben. Wenn Sie padding-left entfernen, ändert sich nichts, wegen margin-left: auto;. Ist es möglich, padding-left aus dem Code zu entfernen? Ich würde selbst einen PR erstellen, wollte aber sicherstellen, ob dies ein gültiger Vorschlag ist.

2 „Gefällt mir“

Das Setzen von padding-left auf 0 sollte funktionieren – zum Beispiel:

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

4 „Gefällt mir“