[test] Fixed device delete confirmation page

Author: pandafy

openwisp_controller/config/static/config/css/device-delete-confirmation.css

@@ -1,6 +1,15 @@
 #deactivating-warning .warning p {
   margin-top: 0px;
 }
+#deactivating-warning .messagelist button {
+  font-size: 15px;
+  vertical-align: middle;
+  line-height: inherit !important;
+  padding: 0.625rem 1rem;
+}
+#deactivating-warning .messagelist button + button {
+  margin-left: 10px;
+}
 #main ul.messagelist li.warning ul li {
   display: list-item;
   padding: 0px;

openwisp_controller/config/static/config/js/device-delete-confirmation.js

@@ -3,7 +3,6 @@
 (function ($) {
   $(document).ready(function () {
     $("#warning-ack").click(function (event) {
-      event.preventDefault();
       $("#deactivating-warning").slideUp("fast");
       $("#delete-confirm-container").slideDown("fast");
       $('input[name="force_delete"]').val("true");

openwisp_controller/config/templates/admin/config/device/delete_confirmation.html

@@ -46,11 +46,10 @@
                   but its configuration will remain active.
                   {% endblocktranslate %}
                 </p>
-                <form>
-                    <input type="submit" class="button danger-btn" id="warning-ack"
-                        value="{% translate 'I understand the risks, delete the device' %}">
-                    <a class="button cancel-link">{% translate 'No, take me back' %}</a>
-                </form>
+                <span>
+                    <button class="danger-btn" id="warning-ack">{% translate 'I understand the risks, delete the device' %}</button>
+                    <button class="button cancel-link">{% translate 'No, take me back' %}</button>
+                </span>
             </li>
         </ul>
     </div>

openwisp_controller/config/templates/admin/config/device/delete_selected_confirmation.html

@@ -50,11 +50,10 @@
                     but their configurations will remain active.
                     {% endblocktranslate %}
                 </p>
-                <form>
-                    <input type="submit" class="button danger-btn" id="warning-ack"
-                        value="{% blocktranslate count counter=active_devices|length %}I understand the risks, delete the device{% plural %}I understand the risks, delete the devices{% endblocktranslate %}">
-                    <a class="button cancel-link">{% translate 'No, take me back' %}</a>
-                </form>
+                <span>
+                    <button class="danger-btn" id="warning-ack">"{% blocktranslate count counter=active_devices|length %}I understand the risks, delete the device{% plural %}I understand the risks, delete the devices{% endblocktranslate %}</button>
+                    <button class="button cancel-link">{% translate 'No, take me back' %}</button>
+                </span>
             </li>
         </ul>
     </div>