small progress

website/src/lib/components/Nav.svelte

@@ -8,7 +8,7 @@
 </script>
 
 <nav class="w-full sticky top-0 bg-background z-10">
-	<div class="mx-6 py-2 flex flex-row items-center border-b gap-4 md:gap-8">
+	<div class="mx-6 py-2 flex flex-row items-center border-b gap-4 sm:gap-8">
 		<a href={getURLForLanguage($locale, '/')} class="shrink-0 translate-y-0.5">
 			<Logo class="h-8 sm:hidden" iconOnly={true} />
 			<Logo class="h-8 hidden sm:block" />

website/src/lib/components/docs/docs.ts

@@ -2,7 +2,7 @@ export const guides: Record<string, string[]> = {
     'getting-started': [],
     menu: ['file', 'edit', 'view', 'settings'],
     'files-and-stats': [],
-    toolbar: ['routing', 'poi', 'scissors', 'time', 'merge', 'extract', 'reduce', 'clean'],
+    toolbar: ['routing', 'poi', 'scissors', 'time', 'merge', 'extract', 'minify', 'clean'],
     'map-controls': [],
     'gpx': [],
 };

website/src/lib/components/toolbar/tools/routing/Routing.svelte

@@ -212,11 +212,17 @@
 					<div>{$_('toolbar.routing.help')}</div>
 				{/if}
 			</Help>
-			{#if minimizable}
-				<Button variant="ghost" class="px-1 h-6" on:click={() => (minimized = true)}>
-					<SquareArrowUpLeft size="18" />
-				</Button>
-			{/if}
+			<Button
+				variant="ghost"
+				class="px-1 h-6"
+				on:click={() => {
+					if (minimizable) {
+						minimized = true;
+					}
+				}}
+			>
+				<SquareArrowUpLeft size="18" />
+			</Button>
 		</div>
 	</div>
 {/if}

website/src/lib/docs/en/toolbar/routing.mdx

@@ -3,7 +3,7 @@ title: Route planning and editing
 ---
 
 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay } from 'lucide-svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
     import DocsNote from '$lib/components/docs/DocsNote.svelte';
     import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
     import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
@@ -17,6 +17,7 @@ The route planning and editing tool allows you to create and edit routes by plac
 ## Settings
 
 As shown below, the tool dialog contains a few settings to control the routing behavior.
+You can minimize the dialog to save space by clicking on <button><SquareArrowUpLeft size="16" class="inline-block" style="margin-bottom: 2px" /></button>.
 
 <div class="flex flex-row justify-center">
     <Routing minimizable={false} class="text-foreground p-3 border rounded-md shadow-lg" />

website/src/locales/en.json

@@ -188,7 +188,7 @@
             "tooltip": "Reduce the number of GPS points",
             "tolerance": "Tolerance",
             "number_of_points": "Number of GPS points",
-            "button": "Reduce",
+            "button": "Minify",
             "help": "Use the slider to choose the number of GPS points to keep",
             "help_no_selection": "Select a file item to reduce the number of its GPS points"
         },