닫기 버튼의 패딩 제거

커뮤니티 여러분, 안녕하세요!
작은 UI 관련 질문이 있습니다. 닫기 버튼이 있는 모든 모달에서 해당 버튼에 패딩이 적용되어 있습니다:

제 테마는 버튼에 배경색을 추가하므로, 닫기 버튼에도 배경이 표시됩니다. 그 결과 다음과 같은 모습이 됩니다:

image

HTML 코드:

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

테마에서 padding-left를 none으로 설정하려고 해도 무시됩니다. padding-left를 제거해도 margin-left: auto; 때문에 아무 변화가 없습니다. 코드에서 padding-left를 제거할 수 있을까요? 직접 PR을 올리려 했지만, 이것이 타당한 제안인지 확인하고 싶었습니다.

2개의 좋아요

padding left를 0으로 설정하면 작동할 것 같습니다. 예를 들어:

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

4개의 좋아요