RHL-043 style(admin-users): polish sticky actions and table column sizing

components/admin/users/EditUserDialog.jsx

@@ -1,8 +1,3 @@
-// ---------------------------------------------------------------------------
-// Ordner: components/admin/users
-// Datei: EditUserDialog.jsx
-// Relativer Pfad: components/admin/users/EditUserDialog.jsx
-// ---------------------------------------------------------------------------
 "use client";
 
 import React from "react";
@@ -28,6 +23,8 @@ export default function EditUserDialog({ user, disabled = false, onUpdated }) {
 		form,
 		setPatch,
 		error,
+		branchesStatus,
+		branchExistence,
 		isSubmitting,
 		effectiveDisabled,
 		canSubmit,
@@ -43,12 +40,12 @@ export default function EditUserDialog({ user, disabled = false, onUpdated }) {
 				<Button
 					type="button"
 					variant="outline"
-					size="sm"
+					size="icon-sm"
 					disabled={disabled}
 					title="Benutzer bearbeiten"
+					aria-label="Benutzer bearbeiten"
 				>
-					<Pencil className="h-4 w-4" />
-					Bearbeiten
+					<Pencil className="h-4 w-4 text-amber-500 dark:text-amber-400" />
 				</Button>
 			</DialogTrigger>
 
@@ -65,6 +62,8 @@ export default function EditUserDialog({ user, disabled = false, onUpdated }) {
 					form={form}
 					setPatch={setPatch}
 					error={error}
+					branchesStatus={branchesStatus}
+					branchExistence={branchExistence}
 					isSubmitting={isSubmitting}
 					disabled={effectiveDisabled}
 					canSubmit={canSubmit}

components/admin/users/UsersTable.jsx

@@ -22,16 +22,18 @@ export default function UsersTable({ items, disabled = false, onUserUpdated }) {
 	const list = Array.isArray(items) ? items : [];
 
 	return (
-		<Table className="table-fixed">
+		<Table className="min-w-[76rem] table-fixed">
 			<TableHeader>
 				<TableRow>
 					<TableHead className="w-44">Benutzername</TableHead>
-					<TableHead>E-Mail</TableHead>
-					<TableHead className="w-36">Rolle</TableHead>
-					<TableHead className="w-32">NL</TableHead>
+					<TableHead className="w-56">E-Mail</TableHead>
+					<TableHead className="w-40">Rolle</TableHead>
+					<TableHead className="w-20">NL</TableHead>
 					<TableHead className="w-40">Passwortwechsel</TableHead>
-					<TableHead className="w-56">Aktualisiert</TableHead>
-					<TableHead className="w-44 text-right">Aktion</TableHead>
+					<TableHead className="w-40">Aktualisiert</TableHead>
+					<TableHead className="sticky right-0 z-20 w-20 bg-card text-right">
+						Aktion
+					</TableHead>
 				</TableRow>
 			</TableHeader>
 
@@ -77,8 +79,8 @@ export default function UsersTable({ items, disabled = false, onUserUpdated }) {
 								{formatDateTimeDe(u.updatedAt)}
 							</TableCell>
 
-							<TableCell className="text-right">
-								<div className="flex items-center justify-end gap-2">
+							<TableCell className="sticky right-0 z-10 w-20 bg-card text-right">
+								<div className="flex items-center justify-end gap-1">
 									<EditUserDialog
 										user={u}
 										disabled={disabled}