Layouting

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
             )}
         >

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 && (