chore: improve styles

jaaydenh · jaaydenh · commit fb1021d46741 · 2024-12-19T22:43:14.000Z
diff --git a/site/src/modules/management/DeploymentSettingsLayout.tsx b/site/src/modules/management/DeploymentSettingsLayout.tsx
@@ -40,7 +40,7 @@ const DeploymentSettingsLayout: FC = () => {
 				</Breadcrumb>
 				<hr className="h-px border-none bg-border" />
 				<div className="px-10 max-w-screen-2xl">
-					<div className="flex flex-row gap-12 py-10">
+					<div className="flex flex-row gap-28 py-10">
 						<DeploymentSidebar />
 						<main css={{ flexGrow: 1 }}>
 							<Suspense fallback={<Loader />}>
diff --git a/site/src/modules/management/OrganizationSidebarLayout.tsx b/site/src/modules/management/OrganizationSidebarLayout.tsx
@@ -5,7 +5,7 @@ import { OrganizationSidebar } from "./OrganizationSidebar";
 
 const OrganizationSidebarLayout: FC = () => {
 	return (
-		<div className="flex flex-row gap-12 py-10">
+		<div className="flex flex-row gap-28 py-10">
 			<OrganizationSidebar />
 			<main css={{ flexGrow: 1 }}>
 				<Suspense fallback={<Loader />}>
diff --git a/site/src/modules/management/OrganizationSidebarView.tsx b/site/src/modules/management/OrganizationSidebarView.tsx
@@ -104,7 +104,7 @@ const OrganizationsSettingsNavigation: FC<
 					<Button
 						variant="outline"
 						aria-expanded={popoverOpen}
-						className="w-60 justify-between p-2 h-10"
+						className="w-60 justify-between p-2 h-11"
 					>
 						<div className="flex flex-row gap-2 items-center p-2">
 							{activeOrganization && (
@@ -117,13 +117,13 @@ const OrganizationsSettingsNavigation: FC<
 							)}
 							{activeOrganization?.display_name || activeOrganization?.name}
 						</div>
-						<ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+						<ChevronDown />
 					</Button>
 				</PopoverTrigger>
 				<PopoverContent align="start" className="w-60">
 					<Command>
 						<CommandList>
-							<CommandGroup>
+							<CommandGroup className="pb-2">
 								{organizations.map((organization) => (
 									<Link
 										key={organization.id}
@@ -148,8 +148,8 @@ const OrganizationsSettingsNavigation: FC<
 								))}
 								{permissions.createOrganization && (
 									<>
-										<hr className="h-px border-none bg-border" />
-										<Button variant="subtle" className="w-full">
+										<hr className="h-px my-2 border-none bg-border -mx-2" />
+										<Button variant="subtle" className="w-full h-8">
 											<a
 												href="/organizations/new"
 												className="flex items-center gap-1 no-underline hover:text-content-primary visited:text-content-secondary"
