From b8220685d741c5dacffb3f070ccd7e5892d1b5bd Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Tue, 21 Jul 2026 21:45:58 +0200
Subject: [PATCH] KI-AGENT: Position des Titelbereich-Schalters stabilisieren

---
 frontend/pages/createDocument/edit/[[id]].vue | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/frontend/pages/createDocument/edit/[[id]].vue b/frontend/pages/createDocument/edit/[[id]].vue
index 2937290..ef90b23 100644
--- a/frontend/pages/createDocument/edit/[[id]].vue
+++ b/frontend/pages/createDocument/edit/[[id]].vue
@@ -2917,11 +2917,26 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
               <template #item="{element: row}">
                 <tr v-show="!isDocumentRowHidden(row.id)">
                   <td>
-                    <UIcon
-                        class="handle"
-                        name="i-mdi-menu"
-                        v-if="itemInfo.type !== 'cancellationInvoices'"
-                    />
+                    <div class="flex items-center gap-1 whitespace-nowrap">
+                      <UIcon
+                          class="handle shrink-0"
+                          name="i-mdi-menu"
+                          v-if="itemInfo.type !== 'cancellationInvoices'"
+                      />
+                      <UTooltip
+                          v-if="row.mode === 'title'"
+                          :text="collapsedTitleRowIds.has(row.id) ? 'Titelbereich ausklappen' : 'Titelbereich einklappen'"
+                      >
+                        <UButton
+                            class="shrink-0"
+                            variant="ghost"
+                            color="neutral"
+                            :icon="collapsedTitleRowIds.has(row.id) ? 'i-heroicons-chevron-right' : 'i-heroicons-chevron-down'"
+                            :aria-label="collapsedTitleRowIds.has(row.id) ? 'Titelbereich ausklappen' : 'Titelbereich einklappen'"
+                            @click="toggleTitleSection(row.id)"
+                        />
+                      </UTooltip>
+                    </div>
                   </td>
                   <td
                       v-if="row.mode === 'pagebreak'"
@@ -3541,15 +3556,6 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
                       :colspan="getTitlePositionColspan()"
                   >
                     <InputGroup class="w-full">
-                      <UTooltip :text="collapsedTitleRowIds.has(row.id) ? 'Titelbereich ausklappen' : 'Titelbereich einklappen'">
-                        <UButton
-                            variant="ghost"
-                            color="neutral"
-                            :icon="collapsedTitleRowIds.has(row.id) ? 'i-heroicons-chevron-right' : 'i-heroicons-chevron-down'"
-                            :aria-label="collapsedTitleRowIds.has(row.id) ? 'Titelbereich ausklappen' : 'Titelbereich einklappen'"
-                            @click="toggleTitleSection(row.id)"
-                        />
-                      </UTooltip>
                       <USelect
                           :disabled="itemInfo.type === 'cancellationInvoices'"
                           v-model="row.titleLevel"