From 118ca1ed82ca7cdedc2df90833bed70d03192771 Mon Sep 17 00:00:00 2001
From: 0ry5 <oscar.bloch@posteo.de>
Date: Fri, 11 Oct 2024 13:24:25 +0200
Subject: [PATCH] feat(MoveToShelf): resolve threads

---
 frontend/src/index.css                              | 13 +++++++------
 .../src/pages/Library/components/Pagination.tsx     |  5 ++++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index d5518dc..319d517 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -150,17 +150,18 @@ body {
       letter-spacing: normal;
     }
 
+    tbody > tr > td {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+        "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+        "Helvetica Neue", sans-serif !important;
+    }
+
     .table > :not(caption) > * > * {
       background-color: #5e6268 !important;
       color: #f2f2e8 !important;
     }
 
-    table {
-      tbody > td > div {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
-          "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
-          "Helvetica Neue", sans-serif !important;
-      }
+    table > thead {
       letter-spacing: 0.25em;
     }
 
diff --git a/frontend/src/pages/Library/components/Pagination.tsx b/frontend/src/pages/Library/components/Pagination.tsx
index ee7b531..240f3c2 100644
--- a/frontend/src/pages/Library/components/Pagination.tsx
+++ b/frontend/src/pages/Library/components/Pagination.tsx
@@ -1,6 +1,7 @@
 import React, { useCallback } from "react";
 import { Pagination as BP } from "react-bootstrap";
 import { AiOutlineLeft, AiOutlineRight } from "react-icons/ai";
+import { useAuth } from "../../../shared/utils/useAuthentication";
 
 export const Pagination = ({
   currentPage,
@@ -11,6 +12,8 @@ export const Pagination = ({
   getPageCount: () => number;
   setPageIndex: (index: number) => void;
 }): React.JSX.Element => {
+  const { authenticated } = useAuth();
+
   const getPage = useCallback(
     (n: number) => (
       <BP.Item
@@ -29,7 +32,7 @@ export const Pagination = ({
       className='d-flex'
       style={{
         marginLeft: "auto",
-        marginRight: "10px",
+        marginRight: authenticated ? "10px" : "auto",
       }}
     >
       <BP.Item