Align breadcrumb, deployment and org settings layouts to navbar.

BrunoQuaresma · BrunoQuaresma · commit 0699cb408000 · 2024-12-30T13:29:49.000Z
diff --git a/site/src/components/Breadcrumb/Breadcrumb.tsx b/site/src/components/Breadcrumb/Breadcrumb.tsx
@@ -28,7 +28,7 @@ export const BreadcrumbList = forwardRef<
 	<ol
 		ref={ref}
 		className={cn(
-			"flex flex-wrap items-center text-sm pl-12 my-4 gap-1.5 break-words font-medium list-none sm:gap-2.5",
+			"flex flex-wrap items-center text-sm pl-6 my-4 gap-1.5 break-words font-medium list-none sm:gap-2.5",
 			className,
 		)}
 		{...props}
diff --git a/site/src/modules/management/DeploymentSettingsLayout.tsx b/site/src/modules/management/DeploymentSettingsLayout.tsx
@@ -39,7 +39,7 @@ const DeploymentSettingsLayout: FC = () => {
 					</BreadcrumbList>
 				</Breadcrumb>
 				<hr className="h-px border-none bg-border" />
-				<div className="px-10 max-w-screen-2xl">
+				<div className="px-6 max-w-screen-2xl">
 					<div className="flex flex-row gap-12 py-10">
 						<DeploymentSidebar />
 						<main css={{ flexGrow: 1 }}>
diff --git a/site/src/modules/management/OrganizationSettingsLayout.tsx b/site/src/modules/management/OrganizationSettingsLayout.tsx
@@ -109,7 +109,7 @@ const OrganizationSettingsLayout: FC = () => {
 						</BreadcrumbList>
 					</Breadcrumb>
 					<hr className="h-px border-none bg-border" />
-					<div className="px-10 max-w-screen-2xl">
+					<div className="px-6 max-w-screen-2xl">
 						<div className="flex flex-row gap-12 py-10">
 							<OrganizationSidebar />
 							<main css={{ flexGrow: 1 }}>
