diff --git a/build/css/main.css b/build/css/main.css index 9093ee3a..4432502d 100644 --- a/build/css/main.css +++ b/build/css/main.css @@ -6262,6 +6262,9 @@ button.btn:focus, button.progress-button:focus { .modal-body .list-group-item:first-child { border-top: none; } +.modal-open { + padding-right: 0 !important; } + /* * Copyright 2016 Resin.io * diff --git a/lib/scss/components/_modal.scss b/lib/scss/components/_modal.scss index 7ffcc133..63928da4 100644 --- a/lib/scss/components/_modal.scss +++ b/lib/scss/components/_modal.scss @@ -75,3 +75,13 @@ .modal-body .list-group-item:first-child { border-top: none; } + +// UI Bootstrap adds the `.modal-open` class to the +// element and sets its right padding to the width of the +// window, causing the window content to overflow and get +// pushed to the bottom. +// The `!important` flag is needed since UI Bootstrap inlines +// the styles programatically to the element. +.modal-open { + padding-right: 0 !important; +}