From: Mark Otto <markdotto@gmail.com>
Date: Mon, 14 Sep 2020 02:21:45 +0000 (-0700)
Subject: Tweak sizing and alignment of .btn-close in modal headers
X-Git-Tag: v5.0.0-alpha2~42
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4778deac023a0e359fe5321eb431f00b5f2b8c83;p=thirdparty%2Fbootstrap.git

Tweak sizing and alignment of .btn-close in modal headers
---

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;
   }
 }