Cancel editing if clicked on cancel button or outside of dialog

aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js

@@ -63,6 +63,7 @@ export default {
     <v-dialog
       v-model="dialog"
       max-width="600px"
+      @click:outside="cancelDialog"
     >
       <template v-slot:activator="{ on, attrs }">
         <div>
@@ -104,11 +105,11 @@ export default {
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn
-            color="blue darken-1"
-            text
-            @click="dialog = false"
+            color="error"
+            outlined
+            @click="cancelDialog"
           >
-            Close
+            Cancel
           </v-btn>
           <v-btn
             color="blue darken-1"