update delete modal.

1 files changed, 30 insertions, 22 deletions

diff --git a/app/assets/javascripts/backbone/templates/cakes/delete_modal.jst.ejs b/app/assets/javascripts/backbone/templates/cakes/delete_modal.jst.ejs
index 30d53f86..370109d5 100644
--- a/app/assets/javascripts/backbone/templates/cakes/delete_modal.jst.ejs
+++ b/app/assets/javascripts/backbone/templates/cakes/delete_modal.jst.ejs
@@ -1,24 +1,32 @@
-<div class="modal-header">
-  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-  <h2>Are you ABSOLUTELY sure?</h2>
-</div>
-<div class="modal-body">
-  <% if (hasError()) { %>
-  <div class="alert">
-    <button type="button" class="close" data-dismiss="alert">&times</button>
-    <strong>Error!</strong> <%= errorMessage %>
+<div class="modal-dialog" role="document">
+  <div class="modal-content">
+    <div class="modal-header">
+      <h5 class="modal-title">Are you ABSOLUTELY sure?</h5>
+      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+    <div class="modal-body">
+      <% if (hasError()) { %>
+        <div class="alert alert-dismissible fade show alert-danger" role="alert">
+          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <strong>Error!</strong> <%= errorMessage %>
+        </div>
+      <% } %>
+      <p>
+        This action <b>CANNOT</b> be undone.
+        This will permanently delete <em><%= name %></em> photos, and comments.
+      </p>
+      <p>
+        Please type in the name of the cake to confirm.
+        <input id="confirmation-textbox" type="text" class="form-control" autofocus="" required="" aria-label="Type in the name of the cake to confirm that you want to delete this repository.">
+      </p>
+    </div>
+    <div class="modal-footer">
+      <button id="remove-button" type="button" class="btn btn-danger" disabled="disabled">I understand the consequences, delete this cake</button>
+      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+    </div>
   </div>
-  <% } %>
-  <p>
-    This action <b>CANNOT</b> be undone.
-    This will permanently delete <b><%= name %></b> photos, and comments.
-  </p>
-  <p>
-    Please type in the name of the cake to confirm.
-    <input id="confirmation-textbox" type="text" class="input-xxlarge" autofocus="" required="" aria-label="Type in the name of the cake to confirm that you want to delete this repository.">
-  </p>
-</div>
-<div class="modal-footer">
-  <a href="#" class="btn" data-dismiss="modal">Cancel</a>
-  <button id="remove-button" type="submit" class="btn btn-danger" disabled="disabled">I understand the consequences, delete this cake</button>
 </div>