From a75181784742d12489d8977401e50adc2ffb3eb6 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sat, 28 Mar 2026 19:41:44 +0100
Subject: [PATCH] max size for docs

---
 .../routes/[[language]]/help/+layout.svelte   | 54 ++++++++++---------
 .../[[language]]/help/[...guide]/+page.svelte |  2 +-
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/website/src/routes/[[language]]/help/+layout.svelte b/website/src/routes/[[language]]/help/+layout.svelte
index 40e2f7a07..821831727 100644
--- a/website/src/routes/[[language]]/help/+layout.svelte
+++ b/website/src/routes/[[language]]/help/+layout.svelte
@@ -18,38 +18,40 @@
     } = $props();
 </script>
 
-<div class="grow px-12 pt-6 pb-12 flex flex-row gap-24">
-    <div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0">
-        <div class="mb-2">
-            <AlgoliaDocSearch />
-        </div>
-        {#each Object.keys(guides) as guide}
-            <Button
-                variant="link"
-                href={getURLForLanguage(i18n.lang, `/help/${guide}`)}
-                class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal {page
-                    .params.guide === guide
-                    ? 'font-semibold text-foreground'
-                    : ''}"
-            >
-                {data.guideTitles[guide]}
-            </Button>
-            {#each guides[guide] as subGuide}
+<div class="grow flex flex-col items-center px-12 pt-6 pb-12">
+    <div class="max-w-5xl flex flex-row gap-24">
+        <div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0">
+            <div class="mb-2">
+                <AlgoliaDocSearch />
+            </div>
+            {#each Object.keys(guides) as guide}
                 <Button
                     variant="link"
-                    href={getURLForLanguage(i18n.lang, `/help/${guide}/${subGuide}`)}
-                    class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal ml-3 {page
-                        .params.guide ===
-                    guide + '/' + subGuide
+                    href={getURLForLanguage(i18n.lang, `/help/${guide}`)}
+                    class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal {page
+                        .params.guide === guide
                         ? 'font-semibold text-foreground'
                         : ''}"
                 >
-                    {data.guideTitles[`${guide}/${subGuide}`]}
+                    {data.guideTitles[guide]}
                 </Button>
+                {#each guides[guide] as subGuide}
+                    <Button
+                        variant="link"
+                        href={getURLForLanguage(i18n.lang, `/help/${guide}/${subGuide}`)}
+                        class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal ml-3 {page
+                            .params.guide ===
+                        guide + '/' + subGuide
+                            ? 'font-semibold text-foreground'
+                            : ''}"
+                    >
+                        {data.guideTitles[`${guide}/${subGuide}`]}
+                    </Button>
+                {/each}
             {/each}
-        {/each}
-    </div>
-    <div class="grow">
-        {@render children()}
+        </div>
+        <div class="grow">
+            {@render children()}
+        </div>
     </div>
 </div>
diff --git a/website/src/routes/[[language]]/help/[...guide]/+page.svelte b/website/src/routes/[[language]]/help/[...guide]/+page.svelte
index bed5d1f77..882993466 100644
--- a/website/src/routes/[[language]]/help/[...guide]/+page.svelte
+++ b/website/src/routes/[[language]]/help/[...guide]/+page.svelte
@@ -59,7 +59,7 @@
             href="https://github.com/gpxstudio/gpx.studio/edit/dev/website/src/lib/docs/en/{page
                 .params.guide}.mdx"
             target="_blank"
-            class="p-0 h-6 ml-auto text-link"
+            class="p-0 has-[>svg]:px-0 h-6 ml-auto text-link"
         >
             <PenLine size="16" />
             Edit this page on GitHub