moved copy button to reduce excessive white space

Author: stritt

src/components/overrides/PageTitle.astro

@@ -75,26 +75,34 @@ const hideTitle = Astro.locals.starlightRoute.hideTitle;
 const hideBreadcrumbs = Astro.locals.starlightRoute.hideBreadcrumbs;
 ---
 
-{
-	!hideBreadcrumbs && (
-		<Breadcrumbs {...breadcrumbProps}>
-			<svg
-				slot="separator"
-				xmlns="http://www.w3.org/2000/svg"
-				width="24"
-				height="24"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			>
-				<polyline points="9 18 15 12 9 6" />
-			</svg>
-		</Breadcrumbs>
-	)
-}
+<div class="flex items-center justify-between">
+	{
+		!hideBreadcrumbs && (
+			<Breadcrumbs {...breadcrumbProps}>
+				<svg
+					slot="separator"
+					xmlns="http://www.w3.org/2000/svg"
+					width="24"
+					height="24"
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+				>
+					<polyline points="9 18 15 12 9 6" />
+				</svg>
+			</Breadcrumbs>
+		)
+	}
+
+	{
+		frontmatter.template !== "splash" && (
+			<CopyPageButton client:idle />
+		)
+	}
+</div>
 
 {!hideTitle && <Default />}
 
@@ -124,14 +132,6 @@ const hideBreadcrumbs = Astro.locals.starlightRoute.hideBreadcrumbs;
 	)
 }
 
-{
-	frontmatter.template !== "splash" && (
-		<div class="flex items-center justify-end">
-			<CopyPageButton client:idle />
-		</div>
-	)
-}
-
 <style>
 	:root {
 		--color-link-breadcrumbs: var(--sl-color-text-accent);