From 2b46d9c8d6d0910d6463161f2232987ad8c613b4 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Fri, 5 Jul 2024 16:38:46 +0200
Subject: [PATCH] add max width

---
 website/src/lib/docs/en/about/tools.md        |  2 +-
 .../routes/[...language]/about/+page.svelte   | 56 ++++++++++---------
 2 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/website/src/lib/docs/en/about/tools.md b/website/src/lib/docs/en/about/tools.md
index 8865f469..d53336ce 100644
--- a/website/src/lib/docs/en/about/tools.md
+++ b/website/src/lib/docs/en/about/tools.md
@@ -1,3 +1,3 @@
-# Advanced file processing tools
+# Advanced file processing
 
 A suite of tools for performing all common file processing tasks, and which can be applied to multiple files at once.
\ No newline at end of file
diff --git a/website/src/routes/[...language]/about/+page.svelte b/website/src/routes/[...language]/about/+page.svelte
index 33a6fe8a..cf038cfc 100644
--- a/website/src/routes/[...language]/about/+page.svelte
+++ b/website/src/routes/[...language]/about/+page.svelte
@@ -165,31 +165,37 @@
 			class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-background via-transparent to-background"
 		/>
 	</div>
-	<div class="px-12 flex flex-col items-center gap-6">
-		<DocsLoader path="about/funding.md" />
-		<Button
-			href="https://ko-fi.com/gpxstudio"
-			target="_blank"
-			class="w-1/3 min-w-fit bg-support text-base"
-		>
-			<Heart size="16" class="mr-1" fill="rgb(var(--support))" />
-			<span>{$_('homepage.support_button')}</span>
-		</Button>
-	</div>
-	<div class="px-12">
-		<DocsLoader path="about/translation.md" />
-	</div>
-	<div
-		class="mx-24 flex flex-col md:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-md shadow-xl"
-	>
-		<div class="shrink-0 flex flex-col sm:flex-row md:flex-col items-center gap-x-4 gap-y-2">
-			<div class="text-lg font-semibold text-muted-foreground">
-				❤️ {$_('homepage.supported_by')}
-			</div>
-			<a href="https://www.mapbox.com/" target="_blank">
-				<Logo company="mapbox" class="w-60" />
-			</a>
+	<div class="px-12 flex flex-col items-center">
+		<div class="max-w-5xl flex flex-col items-center gap-6">
+			<DocsLoader path="about/funding.md" />
+			<Button
+				href="https://ko-fi.com/gpxstudio"
+				target="_blank"
+				class="w-1/3 min-w-fit bg-support text-base"
+			>
+				<Heart size="16" class="mr-1" fill="rgb(var(--support))" />
+				<span>{$_('homepage.support_button')}</span>
+			</Button>
+		</div>
+	</div>
+	<div class="px-12 flex flex-col items-center">
+		<div class="max-w-5xl">
+			<DocsLoader path="about/translation.md" />
+		</div>
+	</div>
+	<div class="px-24 flex flex-col items-center">
+		<div
+			class="max-w-5xl flex flex-col md:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-2xl shadow-xl"
+		>
+			<div class="shrink-0 flex flex-col sm:flex-row md:flex-col items-center gap-x-4 gap-y-2">
+				<div class="text-lg font-semibold text-muted-foreground">
+					❤️ {$_('homepage.supported_by')}
+				</div>
+				<a href="https://www.mapbox.com/" target="_blank">
+					<Logo company="mapbox" class="w-60" />
+				</a>
+			</div>
+			<DocsLoader path="about/mapbox.md" />
 		</div>
-		<DocsLoader path="about/mapbox.md" />
 	</div>
 </div>