Merge pull request #11881 from johnnyqbui/fix/reset-animations

Remove reset/delete account progress animations and change color/increase size of buttons

client/less/main.less

@@ -1145,6 +1145,57 @@ and (max-width : 400px)  {
   -webkit-overflow-scrolling: touch;
 }
 
+// Reset/Delete Account Modal Styles
+.modal-dialog {
+  margin: 80px;
+
+  .modal-content {
+    background-color: #f9f9f9;
+  }
+
+  .modal-header .close {
+    font-size: 30px;
+    padding-left: 10px;
+    margin-top: 22px;
+  }
+
+  .modal-header {
+    text-align: center;
+    padding: 5px 20px;
+  }
+
+  .modal-footer {
+    .spacer {
+      padding: 8px 0 8px 0;
+    }
+
+    .btn {
+      padding: 12px;
+    }
+
+    .btn-success {
+      color: darkgreen;
+      border-color: darkgreen;
+    }
+
+    .btn-success:hover,
+    .btn-success:focus,
+    .btn-success:active {
+      color: #eee;
+      background-color: #208e36;
+      border-color: darkgreen;
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 620px;
+    margin: 150px auto;
+  }
+}
+
+
 @import "chat.less";
 @import 'code-mirror.less';
 @import "challenge.less";

server/views/account/delete.jade

@@ -1,7 +1,7 @@
 extends ../layout
 block content
     include ../partials/flyer
-    #modal-dialog.modal.animated.wobble
+    #modal-dialog.modal
         .modal-dialog
             .modal-content
                 .modal-header

server/views/account/reset-progress.jade

@@ -1,7 +1,7 @@
 extends ../layout
 block content
     include ../partials/flyer
-    #modal-dialog.modal.animated.wobble
+    #modal-dialog.modal
         .modal-dialog
             .modal-content
                 .modal-header