diff options
author | Mark Otto <markdotto@gmail.com> | 2020-09-14 05:21:45 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2020-09-23 02:49:02 +0300 |
commit | 4778deac023a0e359fe5321eb431f00b5f2b8c83 (patch) | |
tree | 3c72e5e3edbe3aba4d0651ca8ab926fbc9dda604 /scss/_modal.scss | |
parent | 57fc28a8548c88d7e79224e9f51611c3d5b278e2 (diff) |
Tweak sizing and alignment of .btn-close in modal headers
Diffstat (limited to 'scss/_modal.scss')
-rw-r--r-- | scss/_modal.scss | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 9cf3aa89a9..06ab5644d2 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -112,16 +112,15 @@ .modal-header { display: flex; flex-shrink: 0; - align-items: flex-start; // so the close btn always stays on the upper right corner + align-items: center; justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends padding: $modal-header-padding; border-bottom: $modal-header-border-width solid $modal-header-border-color; @include border-top-radius($modal-content-inner-border-radius); .btn-close { - padding: $modal-header-padding; - // auto on the left force icon to the right even when there is no .modal-title - margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto; + padding: ($modal-header-padding-y / 2) ($modal-header-padding-x / 2); + margin: ($modal-header-padding-y / -2) ($modal-header-padding-x / -2) ($modal-header-padding-y / -2) auto; } } |