From 1b31348030a3720a708ff0342982f3dc066dc5fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?B=C3=B6rge=20Kiss?= <kiss@mailbox.org>
Date: Thu, 30 Jul 2026 08:45:04 +0200
Subject: [PATCH] Move token comment below annos table Fixes #1895

---
 .../content/TextAnnotationContent.vue         | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/Tekst-Web/src/components/content/TextAnnotationContent.vue b/Tekst-Web/src/components/content/TextAnnotationContent.vue
index d580179c9..b94c4d2ca 100644
--- a/Tekst-Web/src/components/content/TextAnnotationContent.vue
+++ b/Tekst-Web/src/components/content/TextAnnotationContent.vue
@@ -637,24 +637,7 @@ function generatePlaintextAnno(): string {
       }"
       @after-leave="() => (tokenDetails = undefined)"
     >
-      <n-alert
-        v-if="tokenDetails?.comment"
-        type="default"
-        :title="$t('common.comment')"
-        class="mb-lg"
-      >
-        <template #icon>
-          <n-icon :component="CommentIcon" size="medium" />
-        </template>
-        <div
-          class="text-small"
-          :style="{ fontFamily: resource.contentFont, whiteSpace: 'pre-line' }"
-        >
-          {{ tokenDetails.comment }}
-        </div>
-      </n-alert>
-
-      <!-- ANNOTATIONS TABLES -->
+      <!-- ANNOTATIONS TABLE -->
       <n-table :bordered="false" :bottom-bordered="false" size="small">
         <template
           v-for="(group, index) in tokenDetails?.annotations"
@@ -680,6 +663,24 @@ function generatePlaintextAnno(): string {
         </template>
       </n-table>
 
+      <!-- TOKEN COMMENT -->
+      <n-alert
+        v-if="tokenDetails?.comment"
+        type="default"
+        :title="$t('common.comment')"
+        class="mt-lg"
+      >
+        <template #icon>
+          <n-icon :component="CommentIcon" size="medium" />
+        </template>
+        <div
+          class="text-small"
+          :style="{ fontFamily: resource.contentFont, whiteSpace: 'pre-line' }"
+        >
+          {{ tokenDetails.comment }}
+        </div>
+      </n-alert>
+
       <div v-if="tokenDetails?.id" class="mt-lg text-mini translucent" style="text-align: center">
         <b>ID:</b> {{ tokenDetails.id }}
       </div>