Fixed bootstrap modal popups

Author: Nikolay Moskvin

app/assets/javascripts/rails_admin/ra.remote-form.js

@@ -123,6 +123,8 @@
       var widget = this;
       if (!widget.dialog) {
         widget.dialog = $('<div id="modal" class="modal fade">\
+            <div class="modal-dialog">\
+            <div class="modal-content">\
             <div class="modal-header">\
               <a href="#" class="close" data-dismiss="modal">&times;</a>\
               <h3 class="modal-header-title">...</h3>\
@@ -134,13 +136,15 @@
               <a href="#" class="btn cancel-action">...</a>\
               <a href="#" class="btn btn-primary save-action">...</a>\
             </div>\
+            </div>\
+            </div>\
           </div>')
           .modal({
             keyboard: true,
             backdrop: true,
             show: true
           })
-          .on('hidden', function(){
+          .on('hidden.bs.modal', function(){
             widget.dialog.remove();   // We don't want to reuse closed modals
             widget.dialog = null;
           });

app/assets/stylesheets/rails_admin/base/theming.scss

@@ -173,10 +173,10 @@ body.rails_admin {
     }
   }
 
-  .modal {
-    width: 750px;
-    margin-left: -375px;
-  }
+  // .modal {
+  //   width: 750px;
+  //   margin-left: -375px;
+  // }
 
   /* nested nav */
   .nav.nav-list {