From 48ebdf8f1dd8da815d611eea4a4887f1495dc68b Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 22 Oct 2025 12:23:22 +0200
Subject: [PATCH] Standardize save button position to top-right across all CMS
 editors

---
 pages/cms/einstellungen.vue | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/pages/cms/einstellungen.vue b/pages/cms/einstellungen.vue
index 63ed55d..5d357ab 100644
--- a/pages/cms/einstellungen.vue
+++ b/pages/cms/einstellungen.vue
@@ -1,10 +1,24 @@
 <template>
   <div class="min-h-full py-16 bg-gray-50">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
-        Einstellungen
-      </h1>
-      <div class="w-24 h-1 bg-primary-600 mb-8" />
+      <div class="flex items-center justify-between mb-6">
+        <div>
+          <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900">
+            Einstellungen
+          </h1>
+          <div class="w-24 h-1 bg-primary-600 mt-2" />
+        </div>
+        <div class="space-x-3">
+          <button
+            @click="saveConfig"
+            class="inline-flex items-center px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 disabled:opacity-50 disabled:cursor-not-allowed"
+            :disabled="isSaving"
+          >
+            <Loader2 v-if="isSaving" :size="16" class="animate-spin mr-2" />
+            {{ isSaving ? 'Speichern...' : 'Speichern' }}
+          </button>
+        </div>
+      </div>
 
       <!-- Loading State -->
       <div v-if="isLoading" class="flex items-center justify-center py-12">
@@ -455,18 +469,6 @@
           {{ successMessage }}
         </div>
 
-        <!-- Save Button -->
-        <div class="flex justify-end">
-          <button
-            @click="saveConfig"
-            class="flex items-center px-8 py-3 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors shadow-lg"
-            :disabled="isSaving"
-          >
-            <Loader2 v-if="isSaving" :size="20" class="animate-spin mr-2" />
-            <Save v-else :size="20" class="mr-2" />
-            <span>{{ isSaving ? 'Speichert...' : 'Änderungen speichern' }}</span>
-          </button>
-        </div>
       </div>
     </div>
   </div>
@@ -474,7 +476,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { Settings, Calendar, Users as UsersIcon, CreditCard, Plus, Trash2, X, Loader2, AlertCircle, Check, Save } from 'lucide-vue-next'
+import { Settings, Calendar, Users as UsersIcon, CreditCard, Plus, Trash2, X, Loader2, AlertCircle, Check } from 'lucide-vue-next'
 
 const authStore = useAuthStore()