settings pages: consistent padding on every side (#1399)

* settings pages: consistent padding on every side

* reduce padding to 12

interface/app/$libraryId/settings/OverviewLayout.tsx

@@ -4,7 +4,7 @@ export const Component = () => (
 	<div className="custom-scroll page-scroll relative flex h-full max-h-screen w-full grow-0 pt-8">
 		<div className="flex w-full max-w-4xl flex-col space-y-6 px-12 pb-5 pt-2">
 			<Outlet />
-			<div className="block h-20" />
+			<div className="block h-12 shrink-0" />
 		</div>
 	</div>
 );

interface/app/$libraryId/settings/library/general.tsx

@@ -42,7 +42,7 @@ export const Component = () => {
 
 	return (
 		<Form form={form}>
-			<div className="flex w-full max-w-4xl flex-col space-y-6 px-12 pb-5 pt-2">
+			<div className="flex w-full max-w-4xl flex-col space-y-6 pb-5">
 				<Heading
 					title="Library Settings"
 					description="General settings related to the currently active library."

interface/app/$libraryId/settings/resources/about.tsx

@@ -81,7 +81,7 @@ export const Component = () => {
 				</p>
 			</div>
 			<Divider />
-			<div className="mb-20">
+			<div>
 				<h1 className="my-5 text-lg font-bold text-ink">
 					We also would like to thank all our contributors
 				</h1>