Static backdrop for timeout dialog. So dragging sliders doesn't accidentally close the dialog.

static/js/checks.js

@@ -90,7 +90,7 @@ $(function () {
         $("#update-timeout-form").attr("action", $this.data("url"));
         frequencySlider.noUiSlider.set($this.data("timeout"))
         graceSlider.noUiSlider.set($this.data("grace"))
-        $('#update-timeout-modal').modal("show");
+        $('#update-timeout-modal').modal({"show":true, "backdrop":"static"});
 
         return false;
     });

templates/front/my_checks.html

@@ -113,7 +113,7 @@
 
 </div>
 
-<div id="update-name-modal" class="modal fade">
+<div id="update-name-modal" class="modal">
     <div class="modal-dialog">
         <form id="update-name-form" method="post">
             {% csrf_token %}
@@ -142,7 +142,7 @@
     </div>
 </div>
 
-<div id="update-timeout-modal" class="modal fade">
+<div id="update-timeout-modal" class="modal">
     <div class="modal-dialog">
         <form id="update-timeout-form" method="post">
             {% csrf_token %}
@@ -202,7 +202,7 @@
     </div>
 </div>
 
-<div id="remove-check-modal" class="modal fade">
+<div id="remove-check-modal" class="modal">
     <div class="modal-dialog">
         <form id="remove-check-form" method="post">
             {% csrf_token %}