Chore: UI Cleanup in modals (#873)

* Chore: UI Cleanup in modals

* Fix review comments

app/javascript/dashboard/components/widgets/modal/DeleteModal.vue

@@ -0,0 +1,32 @@
+<template>
+  <modal :show.sync="show" :on-close="onClose">
+    <woot-modal-header :header-title="title" :header-content="message" />
+    <div class="modal-footer delete-item">
+      <button class="alert button nice" @click="onConfirm">
+        {{ confirmText }}
+      </button>
+      <button class="button clear" @click="onClose">
+        {{ rejectText }}
+      </button>
+    </div>
+  </modal>
+</template>
+
+<script>
+import Modal from '../../Modal';
+
+export default {
+  components: {
+    Modal,
+  },
+  props: {
+    show: Boolean,
+    onClose: Function,
+    onConfirm: Function,
+    title: String,
+    message: String,
+    confirmText: String,
+    rejectText: String,
+  },
+};
+</script>