Show delete button correctly

aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/TardinessNote.vue

@@ -125,7 +125,7 @@ export default {
   >
     <template #append>
       <v-slide-x-reverse-transition>
-        <v-btn v-if="!!model" icon @click="showDeleteConfirm = true">
+        <v-btn v-if="!!model" icon @click="showDeleteConfirm = true" class="mt-n1-5">
           <v-icon> $deleteContent </v-icon>
         </v-btn>
       </v-slide-x-reverse-transition>
@@ -143,9 +143,8 @@ export default {
         </template>
         <template #body>
           {{
-            // TODO: Fix delete content
-            $t("alsijil.personal_notes.confirm_delete_explanation", {
-              note: value.note,
+            $t("alsijil.personal_notes.confirm_delete_tardiness", {
+              tardiness: value?.tardiness,
               name: participation.person.fullName,
             })
           }}
@@ -154,3 +153,9 @@ export default {
     </template>
   </positive-small-integer-field>
 </template>
+
+<style scoped>
+.mt-n1-5 {
+  margin-top: -6px;
+}
+</style>