From b4364ff76c61dc1197f73ec9c1ff75955d7637ae Mon Sep 17 00:00:00 2001
From: araemer <anika@raemer.net>
Date: Sun, 7 Dec 2025 08:42:56 +0100
Subject: [PATCH] Layouting

---
 frontend/src/components/basics/ButtonGroupLayout.tsx | 2 +-
 frontend/src/components/users/UserManagementPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/basics/ButtonGroupLayout.tsx b/frontend/src/components/basics/ButtonGroupLayout.tsx
index 30bb688..ac2a43b 100644
--- a/frontend/src/components/basics/ButtonGroupLayout.tsx
+++ b/frontend/src/components/basics/ButtonGroupLayout.tsx
@@ -18,7 +18,7 @@ export default function ButtonGroupLayout({children, className, ...rest}: Button
         <div
             {...rest}
             className={clsx(
-                "flex gap-4 mt-8",
+                "flex gap-4",
                 className
             )}
         >
diff --git a/frontend/src/components/users/UserManagementPage.tsx b/frontend/src/components/users/UserManagementPage.tsx
index 7cc4f70..2cff0b9 100644
--- a/frontend/src/components/users/UserManagementPage.tsx
+++ b/frontend/src/components/users/UserManagementPage.tsx
@@ -152,7 +152,7 @@ export default function UserManagementPage() {
     return (
         <PageContainer>
             <PageContentLayout>
-                <StickyHeader className="flex justify-between items-center">
+                <StickyHeader className="flex flex-col gap-2 md:flex-row md:justify-between md:items-center">
                     <h1>Benutzerverwaltung</h1>
                     <ButtonGroupLayout>
                         {isAdmin && (