Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'scss/_modal.scss')
-rw-r--r--scss/_modal.scss5
1 files changed, 3 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss
index a563e6ffbd..66f981151a 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -82,13 +82,14 @@
// Top section of the modal w/ title and dismiss
.modal-header {
display: flex;
- align-items: center; // vertically center it
+ align-items: flex-start; // so the close btn always stays on the upper right corner
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;
.close {
- margin-left: auto; // Force icon to the right even when there's no .modal-title
+ padding: $modal-header-padding;
+ margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto; // auto on the left force icon to the right even when there is no .modal-title
}
}