From 9fa22ee3eb8575f3cb56e80ee39a1e2e2a9f2e70 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 3 Apr 2026 17:33:39 +0200
Subject: [PATCH] fix(webapp): fix style of admin api keys (#9483)

---
 webapp/pages/admin/api-keys.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/webapp/pages/admin/api-keys.vue b/webapp/pages/admin/api-keys.vue
index f4a8b6230..ef5fc8d8c 100644
--- a/webapp/pages/admin/api-keys.vue
+++ b/webapp/pages/admin/api-keys.vue
@@ -1,10 +1,8 @@
 <template>
-  <div class="admin-api-keys">
-    <os-card>
-      <h2 class="title">{{ $t('admin.api-keys.name') }}</h2>
-    </os-card>
+  <os-card class="admin-api-keys">
+    <h2 class="title">{{ $t('admin.api-keys.name') }}</h2>
 
-    <os-card v-if="apiKeyUsers && apiKeyUsers.length">
+    <template v-if="apiKeyUsers && apiKeyUsers.length">
       <div class="ds-table-wrap table-no-clip">
         <table class="ds-table ds-table-condensed ds-table-bordered">
           <thead>
@@ -182,13 +180,11 @@
         </table>
       </div>
       <pagination-buttons :hasNext="hasNext" :hasPrevious="hasPrevious" @next="next" @back="back" />
-    </os-card>
-    <os-card v-else>
-      <div class="ds-placeholder">{{ $t('admin.api-keys.empty') }}</div>
-    </os-card>
+    </template>
+    <div v-else class="ds-placeholder">{{ $t('admin.api-keys.empty') }}</div>
 
     <confirm-modal v-if="showModal" :modalData="modalData" @close="showModal = false" />
-  </div>
+  </os-card>
 </template>
 
 <script>