From 0504d284e2bef79cb8b52728834dac1f08bf0bb8 Mon Sep 17 00:00:00 2001
From: neodk2004 <barac.daniel@gmail.com>
Date: Mon, 5 Oct 2026 08:25:24 +0200
Subject: [PATCH] fix(admin): Halter-Spalten verrutschen nicht mehr, Lade-Kreis
 ohne Scrollbalken

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/app/p/[secret]/users/page.tsx                | 6 +++---
 src/components/admin/users/UserActionDialogs.tsx | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/p/[secret]/users/page.tsx b/src/app/p/[secret]/users/page.tsx
index 8d44cb8..9fea8a5 100644
--- a/src/app/p/[secret]/users/page.tsx
+++ b/src/app/p/[secret]/users/page.tsx
@@ -181,7 +181,7 @@ export default function AdminUsersPage() {
         <p className="rounded-2xl border border-dashed border-border px-4 py-12 text-center text-sm text-muted-foreground">Keine Halter für diese Suche.</p>
       ) : (
         <div className="overflow-hidden rounded-2xl border border-border bg-card">
-          <div className="hidden grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_auto] gap-4 border-b border-border px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground lg:grid">
+          <div className="hidden grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_12rem] gap-4 border-b border-border px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground lg:grid">
             <span>Halter</span>
             <span>Tiere</span>
             <span>Status</span>
@@ -195,7 +195,7 @@ export default function AdminUsersPage() {
               const firstPet = user.pets[0];
               return (
                 <li key={user.id} className="transition-colors hover:bg-muted/40">
-                  <div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 px-5 py-3.5 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_auto]">
+                  <div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 px-5 py-3.5 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_12rem]">
                     <button
                       type="button"
                       onClick={() => setExpandedId(isExpanded ? null : user.id)}
@@ -240,7 +240,7 @@ export default function AdminUsersPage() {
 
                     <span className="hidden text-sm text-muted-foreground lg:block">{user.adminRole ? ADMIN_ROLE_LABEL[user.adminRole.role] : "–"}</span>
 
-                    <div className="col-start-2 row-start-1 flex items-center gap-1 lg:col-start-auto lg:row-start-auto">
+                    <div className="col-start-2 row-start-1 flex items-center justify-end gap-1 lg:col-start-auto lg:row-start-auto">
                       {firstPet && (
                         <button
                           type="button"
diff --git a/src/components/admin/users/UserActionDialogs.tsx b/src/components/admin/users/UserActionDialogs.tsx
index 211633e..55327a0 100644
--- a/src/components/admin/users/UserActionDialogs.tsx
+++ b/src/components/admin/users/UserActionDialogs.tsx
@@ -178,7 +178,9 @@ export function UserActionDialogs({ target, onClose }: UserActionDialogsProps) {
           </DialogHeader>
           <div className="max-h-56 space-y-2 overflow-y-auto">
             {isLoadingWarnings ? (
-              <Loader2 className="mx-auto h-5 w-5 animate-spin text-muted-foreground" aria-label="Wird geladen" />
+              <div className="flex justify-center py-4">
+                <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" aria-label="Wird geladen" />
+              </div>
             ) : warnings.length === 0 ? (
               <p className="rounded-lg border border-dashed border-border px-3 py-4 text-center text-sm text-muted-foreground">Noch keine Verwarnungen.</p>
             ) : (