From 604a05f9d528b7d89b09f4f7982921963ba0fb90 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Tue, 4 Mar 2025 22:01:58 +0100
Subject: [PATCH] fix: affix hides pagination on mobile (#2491)

---
 apps/nextjs/src/app/[locale]/manage/apps/page.tsx           | 3 ++-
 apps/nextjs/src/app/[locale]/manage/medias/page.tsx         | 3 ++-
 apps/nextjs/src/app/[locale]/manage/search-engines/page.tsx | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/nextjs/src/app/[locale]/manage/apps/page.tsx b/apps/nextjs/src/app/[locale]/manage/apps/page.tsx
index 4479c8ccc..b3dc291fc 100644
--- a/apps/nextjs/src/app/[locale]/manage/apps/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/apps/page.tsx
@@ -61,7 +61,8 @@ export default async function AppsPage(props: AppsPageProps) {
           </Stack>
         )}
 
-        <Group justify="end">
+        {/* Added margin to not hide pagination behind affix-button */}
+        <Group justify="end" mb={48}>
           <TablePagination total={Math.ceil(totalCount / searchParams.pageSize)} />
         </Group>
       </Stack>
diff --git a/apps/nextjs/src/app/[locale]/manage/medias/page.tsx b/apps/nextjs/src/app/[locale]/manage/medias/page.tsx
index 8fd2e04f2..569168cab 100644
--- a/apps/nextjs/src/app/[locale]/manage/medias/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/medias/page.tsx
@@ -92,7 +92,8 @@ export default async function GroupsListPage(props: MediaListPageProps) {
           </TableTbody>
         </Table>
 
-        <Group justify="end">
+        {/* Added margin to not hide pagination behind affix-button */}
+        <Group justify="end" mb={48}>
           <TablePagination total={Math.ceil(totalCount / searchParams.pageSize)} />
         </Group>
       </Stack>
diff --git a/apps/nextjs/src/app/[locale]/manage/search-engines/page.tsx b/apps/nextjs/src/app/[locale]/manage/search-engines/page.tsx
index 2423e2a93..7634d78be 100644
--- a/apps/nextjs/src/app/[locale]/manage/search-engines/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/search-engines/page.tsx
@@ -61,7 +61,8 @@ export default async function SearchEnginesPage(props: SearchEnginesPageProps) {
           </Stack>
         )}
 
-        <Group justify="end">
+        {/* Added margin to not hide pagination behind affix-button */}
+        <Group justify="end" mb={48}>
           <TablePagination total={Math.ceil(totalCount / searchParams.pageSize)} />
         </Group>
       </Stack>