إزالة الحشو في زر الإغلاق

مرحبًا أيها المجتمع!
لدي سؤال بسيط يتعلق بواجهة المستخدم. في كل نافذة منبثقة تحتوي على زر إغلاق، يتمتع الزر ببعض الحشو:

يضيف سميطي الخاص لون خلفية للزر، وبالتالي يمتلك زر الإغلاق خلفية. وهذا يعني أن النتيجة تكون كالتالي:

image

كود HTML:

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

إذا حاولت تعيين padding-left إلى لا شيء في سميطي، يتم تجاوزه. وإذا أزلت padding-left، فلن يتغير أي شيء بسبب margin-left: auto;. هل من الممكن إزالة padding-left من الكود؟ سأقوم بإضافة طلب سحب (PR) بنفسي، لكن أردت التأكد من صحة هذه المقترحة.

إعجابَين (2)

ضبط الهامش الأيسر على 0 يجب أن يعمل… على سبيل المثال:

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

4 إعجابات