feat: css paddings on pages

src/components/layout/ClientLayout.tsx

@@ -68,7 +68,7 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
           <LoadingBar />
           {!isPublicRoute && <Header onToggleSidebar={handleToggleSidebar} />}
           {!isPublicRoute && <Sidebar isOpen={isSidebarOpen} onClose={handleCloseSidebar} />}
-          <main className={`${!isPublicRoute ? "container pt-4 md:pt-8" : ""}`}>{children}</main>
+          <main className={`${!isPublicRoute ? "container" : ""}`}>{children}</main>
           <InstallPWA />
           <Toaster />
           <NetworkStatus />

src/components/series/PaginatedBookGrid.tsx

@@ -94,7 +94,7 @@ export function PaginatedBookGrid({
   };
 
   return (
-    <div className="space-y-8">
+    <div className="space-y-8 py-8">
       <div className="flex items-center justify-between flex-wrap gap-4">
         <p className="text-sm text-muted-foreground flex-1 min-w-[200px]">{getShowingText()}</p>
         <button