New translations en.json (French)

website/src/lib/docs/be/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/be/integration.mdx

@@ -13,8 +13,8 @@ title: Інтэграцыя
 
 Усё, што вам трэба, гэта:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Файлы GPX, размешчаныя на вашым серверы або на Google Drive, або даступныя праз публічны URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Затым вы можаце пагуляць з канфігуратарам ніжэй, каб наладзіць сваю карту і стварыць адпаведны HTML-код.
 

website/src/lib/docs/be/map-controls.mdx

@@ -56,10 +56,12 @@ These controls allow you to navigate the map, zoom in and out, and switch betwee
 - **Кропкі цікавасці** можна дадаць на карту, каб паказаць розныя катэгорыі месцаў, такіх як крамы, рэстараны або жыллё.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Вялікая калекцыя глабальных і лакальных базавых карт і накладанняў даступная ў **gpx.studio**, а таксама выбар катэгорый кропак цікавасці.

website/src/lib/docs/be/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/ca/files-and-stats.mdx

@@ -90,15 +90,12 @@ També pots utilitzar la rodeta del ratolí per apropar o allunyar el perfil d'e
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Dades addicionals

website/src/lib/docs/ca/integration.mdx

@@ -13,8 +13,8 @@ Pots utilitzar **gpx.studio** per crear mapes que mostrin els teus arxius GPX i
 
 Tot el que necessites és:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Arxius GPX allotjats en el teu servidor, a Google Drive o accessibles a través d'una URL pública.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Aleshores pots jugar amb el configurador de sota per personalitzar el teu mapa i generar el corresponent codi HTML.
 

website/src/lib/docs/ca/map-controls.mdx

@@ -56,10 +56,12 @@ El botó de capa de mapa permet canviar entre diferents mapes base i alternar ca
 - Els **Punts d'interès** es poden afegir al mapa per mostrar diferents categories de llocs, com botigues, restaurants o allotjaments.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Una gran col·lecció de mapes i capes sobreposades globals i locals està disponible a **gpx.studio**, així com una selecció de categories de punts d'interès.

website/src/lib/docs/ca/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Fusionar
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Per utilitzar aquesta eina, s'ha de [seleccionar](../files-and-stats) múltiples
 - La segona opció es pot utilitzar per a crear o gestionar arxius amb múltiples [tracs o segments](../gpx).
   Fusionar arxius (o tracs) crearà un sol arxiu (o trac) que contindrà tots els tracs (o segments) seleccionats.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/cs/files-and-stats.mdx

@@ -90,15 +90,12 @@ Pomocí kolečka myši můžete také výškový profil přiblížit a oddálit
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Doplňující údaje

website/src/lib/docs/cs/integration.mdx

@@ -13,8 +13,8 @@ Pomocí **gpx.studio** můžete vytvářet mapy se zobrazením souborů GPX a vk
 
 Vše, co potřebujete, je:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Soubory GPX umístěné na vašem serveru nebo na Disku Google, nebo přístupné prostřednictvím veřejné adresy URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 V níže zobrazeném konfigurátoru si pak můžete mapu přizpůsobit a vygenerovat odpovídající kód HTML.
 

website/src/lib/docs/cs/map-controls.mdx

@@ -56,10 +56,12 @@ Tlačítko mapové vrstvy umožňuje přepínat mezi různými podkladovými map
 - **Body zájmu** lze přidat do mapy a zobrazit tak různé kategorie míst, jako jsou obchody, restaurace nebo ubytování.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 V **gpx.studio** je k dispozici rozsáhlá sbírka globálních a místních podkladových map a překryvů a také řada kategorií bodů zájmu.

website/src/lib/docs/cs/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Sloučit
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Chcete-li použít tento nástroj, musíte [vybrat](../files-and-stats) více so
 - Druhá možnost může být použita k vytvoření nebo správě souborů s více [trasami nebo segmenty](../gpx).
   Sloučením souborů (nebo tras) vznikne jeden soubor (nebo trasa) obsahující všechny trasy (nebo úseky) z výběru.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/da/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/da/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/da/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/da/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/de/files-and-stats.mdx

@@ -90,15 +90,12 @@ Sie können auch das Mausrad verwenden, um auf dem Höhenprofil heranzuzoomen un
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Zusätzliche Daten

website/src/lib/docs/de/integration.mdx

@@ -13,8 +13,8 @@ Du kannst **gpx.studio** verwenden, um Karten zu erstellen, die deine GPX-Dateie
 
 Alles was Sie brauchen:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX-Dateien, die auf Ihrem Server oder Google Drive gehostet werden oder über eine öffentliche URL erreichbar sind.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Sie können dann mit dem Konfigurator unten spielen, um Ihre Karte anzupassen und den entsprechenden HTML-Code zu generieren.
 

website/src/lib/docs/de/map-controls.mdx

@@ -56,10 +56,12 @@ Mit der Schaltfläche Karten-Ebenen können Sie zwischen verschiedenen Basemaps
 - **Punkte von Interesse** können auf der Karte angezeigt werden, um verschiedene Kategorien von Orten wie Geschäfte, Restaurants oder Unterkünfte anzuzeigen.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Eine große Sammlung globaler und lokaler Basemaps und Overlays ist im **gpx.studio** sowie eine Auswahl von Point-of-Interest Kategorien verfügbar.

website/src/lib/docs/de/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Zusammenfügen
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Um dieses Tool nutzen zu können, musst du [select](../files-and-stats) mehrere
 - Die zweite Option kann verwendet werden, um Dateien mit mehreren [Tracks oder Segments](../gpx) zu erstellen oder zu verwalten.
   Das Zusammenführen von Dateien (oder Tracks) führt zu einer einzigen Datei (oder Track), die alle Tracks (oder Segmente) aus der Auswahl enthält.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/el/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/el/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/el/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/el/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/es/files-and-stats.mdx

@@ -90,15 +90,12 @@ Puede usar el ratón para acercar o alejar el perfil de elevación y moverse hac
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Datos adicionales

website/src/lib/docs/es/integration.mdx

@@ -13,8 +13,8 @@ Puede usar **gpx.studio** para crear mapas que muestren sus archivos GPX e integ
 
 Todo lo que necesita es:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Archivos GPX alojados en su servidor, en Google Drive o accesibles a través de una URL pública.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Luego puede jugar con el configurador de abajo para personalizar su mapa y generar el código HTML correspondiente.
 

website/src/lib/docs/es/map-controls.mdx

@@ -56,10 +56,12 @@ El botón de capas de mapa le permite cambiar entre diferentes mapas bases y alt
 - Los **puntos de interés** se pueden añadir al mapa para mostrar diferentes categorías de lugares, como tiendas, restaurantes o alojamientos.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Pasa el ratón sobre el mapa para que la capa de <a href="https://hiking.waymarkedtrails.org" target="_blank">Caminatas por Sendas Marcadas</a> aparezca superpuesta al mapa base <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler</a>.
+
+</span>
 </div>
 
 Una gran colección de mapas y capas superpuestas globales y locales está disponible en **gpx.studio**, así como una selección de categorías de puntos de interés.

website/src/lib/docs/es/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Combinar
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Para usar esta herramienta, necesita [seleccionar](../files-and-stats) múltiple
 - La segunda opción se puede usar para crear o gestionar archivos con múltiples [pistas o segmentos](../gpx).
   Combinar archivos (o pistas) dará como resultado un único archivo (o pista) que contendrá todas las pistas (o segmentos) de la selección.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/eu/files-and-stats.mdx

@@ -89,15 +89,12 @@ Saguaren gurpila ere erabil dezakezu altueren profila handitzeko eta mugitzeko e
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Datu osagarriak

website/src/lib/docs/eu/integration.mdx

@@ -13,8 +13,8 @@ title: Integrazioa
 
 Behar duzun guztia hau da:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX fitxategiak zure zerbitzarian, hodeian, Google Drive-n edo eskuragarri URL publiko baten bidez.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Ondoren, konfiguratzailearekin jolastu dezakezu zure mapa pertsonalizatzeko eta dagokion HTML kodea sortzeko.
 

website/src/lib/docs/eu/map-controls.mdx

@@ -56,10 +56,12 @@ Maparen geruzen botoiak mapa-oinarri desberdinen artean aldatzeko aukera ematen
 - **Interesguneak** mapan gehitu daiteke leku kategoria desberdinak erakusteko, hala nola dendak, jatetxeak edo ostatuak.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Global eta tokiko mapa oinarri bilduma handia dago **gpx.studio**-n eskuragarri, bai eta interesguneen kategorien aukeraketa ere.

website/src/lib/docs/eu/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Batu
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Tresna hau erabiltzeko [hautatu](../files-and-stats) behar duzu hainbat fitxateg
 - Bigarren aukera bat izan daiteke hainbat [arrasto edo segmentu](../gpx) biltzen duen fitxategiak sortzea edo kudeatzea.
   Fitxategiak (edo arrastoak) batzearen emaitza fitxategi (edo arrasto) bakarra sortzea da zeinak hautapenaren arrastoak (edo segmentuak) biltzen duena.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/fi/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/fi/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/fi/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/fi/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/fr/files-and-stats.mdx

@@ -90,15 +90,12 @@ Vous pouvez également utiliser la molette de la souris pour zoomer ou dézoomer
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Données supplémentaires

website/src/lib/docs/fr/integration.mdx

@@ -13,8 +13,8 @@ Vous pouvez utiliser **gpx.studio** pour créer des cartes affichant vos fichier
 
 Tout ce dont vous avez besoin est :
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Un ou plusieurs fichiers GPX hébergés sur votre serveur ou sur Google Drive, ou accessibles via une URL publique.
+1. Un ou plusieurs fichiers GPX hébergés sur votre serveur ou sur Google Drive, ou accessibles via une URL publique ;
+2. _Optionnel :_ une <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">clé MapTiler</a> pour afficher les cartes MapTiler.
 
 Vous pouvez ensuite jouer avec le configurateur ci-dessous pour personnaliser votre carte et générer le code HTML correspondant.
 

website/src/lib/docs/fr/map-controls.mdx

@@ -56,10 +56,12 @@ Le bouton des couches de la carte vous permet de basculer entre différents fond
 - Les **points d'intérêt** peuvent être ajoutés à la carte pour montrer différentes catégories d'endroits, comme les magasins, les restaurants ou les hébergements.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Survolez la carte pour afficher la superposition des chemins de randonnée <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails</a> au fond de carte <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a>.
+
+</span>
 </div>
 
 Une grande collection de fonds de carte et de surcouches mondiales et locales est disponible dans **gpx.studio**, ainsi qu'une sélection de catégories de points d'intérêt.
@@ -67,4 +69,4 @@ Ceux-ci peuvent être activés dans la [fenêtre de configuration des couches de
 
 Dans ces paramètres, vous pouvez également gérer l'opacité des surcouches.
 
-For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.
+Pour les utilisateurs expérimentés, il est possible d'ajouter des fonds de carte et des surcouches personnalisés en fournissant des URLs <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, ou <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a>.

website/src/lib/docs/fr/toolbar/elevation.mdx

@@ -18,7 +18,7 @@ Cet outil vous permet d'ajouter des données d'altitude aux traces et aux [point
 
 <DocsNote>
 
-Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
-You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.
+Les données d'altitude sont fournies par <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+Vous pouvez en apprendre plus sur leur origine et précision dans la <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.
 
 </DocsNote>

website/src/lib/docs/fr/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Fusionner
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Pour utiliser cet outil, vous devez [sélectionner](../files-and-stats) plusieur
 - La deuxième option peut être utilisée pour créer ou gérer des fichiers avec plusieurs [pistes ou segments](../gpx).
   Fusionner des fichiers (ou des pistes) résultera en un seul fichier (ou piste) contenant toutes les pistes (ou tous les segments) de la sélection.
 
+<DocsNote>
+
+Les éléments sélectionnés sont fusionnés dans l'ordre dans lequel ils apparaissent dans la liste des fichiers.
+Vous pouvez réordonner les éléments par glisser-déposer si besoin.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/he/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/he/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/he/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/he/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/hu/files-and-stats.mdx

@@ -90,15 +90,12 @@ Az egérgörgővel is méretezheti a magassági profilt. Balra és jobbra mozogh
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/hu/integration.mdx

@@ -13,8 +13,8 @@ A **gpx.studio** segítségével létrehozhatja a GPX-fájlokat ábrázoló tér
 
 Minden amire szüksége van:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. A szerverén vagy a Google Drive-on tárolt GPX-fájlok, vagy nyilvános URL-en keresztül érhetők el.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Ezután játszhat az alábbi konfigurátorral a térkép testreszabásához és a megfelelő HTML-kód létrehozásához.
 

website/src/lib/docs/hu/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/hu/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Egyesítés
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Az eszköz használatához [ki kell választania](../files-and-stats) több fáj
 - A második lehetőség több [sávot vagy szegmenst] tartalmazó fájlok létrehozására vagy kezelésére használható (../gpx).
   A fájlok (vagy útvonalak) egyesítése egyetlen fájlt (vagy útvonalat) eredményez, amely tartalmazza a kijelölés összes útvonalát (vagy szegmensét).
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/id/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/id/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/id/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/id/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/it/files-and-stats.mdx

@@ -90,15 +90,12 @@ Fare clic sul profilo per resettare la selezione.
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Dati aggiuntivi

website/src/lib/docs/it/integration.mdx

@@ -13,8 +13,8 @@ Puoi usare **gpx.studio** per creare delle mappe che mostrino i tuoi file GPX ed
 
 Tutto ciò di cui hai bisogno è:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Dei file GPX ospitati sul tuo server, su Google Drive, o accessibili tramite un URL pubblico.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Potrai quindi divertirti ad utilizzare il configuratore che trovi qua sotto per personalizzare la tua mappa e per generare il codice HTML corrispondente.
 

website/src/lib/docs/it/map-controls.mdx

@@ -56,10 +56,12 @@ Il pulsante dei livelli di mappa consente di passare da una basemap all'altra, e
 - **Punti di interesse** possono essere aggiunti alla mappa per mostrare diverse categorie di luoghi, come negozi, ristoranti, o alloggi.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Una vasta collezione di basemaps e sovrapposizioni globali e locali è disponibile in **gpx.studio**, così come una selezione di categorie di punti di interesse.

website/src/lib/docs/it/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Unisci
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Per utilizzare questo strumento, è necessario [selezionare](../files-and-stats)
 - La seconda opzione può essere utilizzata per creare o gestire file con più [tracce o segmenti](../gpx).
   L'unione di file (o tracce) comporterà un singolo file (o traccia) contenente tutte le tracce (o segmenti) dalla selezione.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/ko/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/ko/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/ko/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/ko/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/lt/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/lt/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/lt/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/lt/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/lv/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/lv/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/lv/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/lv/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/nl/files-and-stats.mdx

@@ -90,15 +90,12 @@ Je kunt het muiswiel ook gebruiken om in en uit te zoomen op het hoogte profiel,
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Aanvullende gegevens

website/src/lib/docs/nl/integration.mdx

@@ -13,8 +13,8 @@ Je kunt **gpx.studio** gebruiken om kaarten te maken die je GPX bestanden laten
 
 Alles wat je nodig hebt is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX-bestanden gehost op uw server of op Google Drive, of toegankelijk via een openbare URL.
+1. GPX-bestanden gehost op uw server of op Google Drive, of toegankelijk via een openbare URL;
+2. _Optioneel:_ een <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> om de MapTiler kaarten te laden.
 
 Je kunt dan met de onderstaande configurator spelen om de kaart aan te passen en de corresponderende HTML-code te genereren.
 

website/src/lib/docs/nl/map-controls.mdx

@@ -56,10 +56,12 @@ Met de kaartlagen knop kun je wisselen tussen verschillende basiskaarten, en kaa
 - **POI's (Interessante punten)** kunnen worden toegevoegd aan de kaart om verschillende categorieën plaatsen te tonen, zoals winkels, restaurants, of accommodaties.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Beweeg over de kaart om de <a href="https://hiking.waymarkedtrails.org" target="_blank">Gemarkeerde sporen wandelen</a> overlay te tonen bovenop de <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Een grote verzameling van globale en lokale basiskaarten en lagen is beschikbaar in **gpx.studio**, evenals een aantal POI-categorieën.

website/src/lib/docs/nl/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Samenvoegen
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Om dit gereedschap te gebruiken, moet je [select](../files-and-stats) meerdere b
 - De tweede optie kan worden gebruikt om bestanden te maken of te beheren met meerdere [routes of segmenten](../gpx).
   Bestanden (of routes) samenvoegen resulteert in één enkel bestand (of route) met alle routes (of segmenten) uit de selectie.
 
+<DocsNote>
+
+Geselecteerde items worden samengevoegd in de volgorde waarin ze worden weergegeven in de lijst met bestanden.
+Herschik onderdelen door te slepen en te plakken indien nodig.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/no/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/no/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/no/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/no/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/pl/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Dodatkowe informacje

website/src/lib/docs/pl/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 Wszystko, czego potrzebujesz to:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/pl/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/pl/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Połącz
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/pt-BR/files-and-stats.mdx

@@ -90,15 +90,12 @@ Você também pode usar a roda do mouse para aumentar e diminuir o zoom no perfi
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Dados adicionais

website/src/lib/docs/pt-BR/integration.mdx

@@ -13,8 +13,8 @@ Você pode usar **gpx.studio** para criar mapas mostrando os seus arquivos GPX e
 
 Tudo que você precisa é:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. Arquivos GPX hospedados no seu servidor ou no Google Drive, ou acessíveis através de uma URL pública.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Você pode configurar abaixo a aparência do seu mapa e gerar o código HTML correspondente.
 

website/src/lib/docs/pt-BR/map-controls.mdx

@@ -56,10 +56,12 @@ O botão de camadas de mapa permite que você alterne entre diferentes mapas e a
 - **Pontos de interesse** podem ser adicionados ao mapa para mostrar diferentes categorias de lugares, como lojas, restaurantes ou acomodações.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 Uma grande diversidade de mapas globais e locais está disponível no **gpx.studio**, bem como uma seleção de pontos de interesse.

website/src/lib/docs/pt-BR/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Mesclar
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ Para usar esta ferramenta, você precisa [selecionar](../files-and-stats) vário
 - A segunda opção pode ser usada para criar ou gerenciar arquivos com várias [faixas ou segmentos](../gpx).
   Mesclar arquivos (ou faixas) resultará em um único arquivo (ou faixa) contendo todas as faixas (ou segmentos) da seleção.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/pt/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/pt/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/pt/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/pt/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/ro/files-and-stats.mdx

@@ -90,15 +90,12 @@ You can also use the mouse wheel to zoom in and out on the elevation profile, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/ro/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/ro/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.

website/src/lib/docs/ro/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/ru/files-and-stats.mdx

@@ -90,15 +90,12 @@ In addition, the file tree view enables you to inspect the [tracks, segments, an
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/ru/integration.mdx

@@ -13,8 +13,8 @@ title: Интеграция
 
 Все, что вам нужно это:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX файлы, размещенные на вашем сервере или на Google Drive, или доступны по URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Затем вы можете поиграть с конфигуратором ниже, чтобы настроить свою карту и сгенерировать соответствующий HTML-код.
 

website/src/lib/docs/ru/map-controls.mdx

@@ -56,10 +56,12 @@ The map controls are located on the right side of the interface.
 - **Точки интереса** можно добавить на карту для показа различных категорий мест, таких как магазины, рестораны или размещения.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 В **gpx.studio** доступна большая коллекция глобальных и локальных базовых карт и наложений, а также выбор категорий объектов интереса.

website/src/lib/docs/ru/toolbar/merge.mdx

@@ -5,6 +5,7 @@ title: Merge
 <script>
     import { Group } from '@lucide/svelte';
     import Merge from '$lib/components/toolbar/tools/Merge.svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # <Group size="24" class="inline-block" style="margin-bottom: 5px" /> { title }
@@ -15,6 +16,13 @@ To use this tool, you need to [select](../files-and-stats) multiple files, [trac
 - The second option can be used to create or manage files with multiple [tracks or segments](../gpx).
   Merging files (or tracks) will result in a single file (or track) containing all tracks (or segments) from the selection.
 
+<DocsNote>
+
+Selected items are merged in the order they appear in the files list.
+Reorder items by drag-and-drop if needed.
+
+</DocsNote>
+
 <div class="flex flex-row justify-center">
     <Merge class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

website/src/lib/docs/sr/files-and-stats.mdx

@@ -90,15 +90,12 @@ Takođe možete da koristite točkić miša da zumirate i umanjite profil nadmo
         {elevationFill}
     />
 </div>
-<div class="flex flex-col items-center -mt-6">
-    <div class="h-10 w-fit">
+<div class="flex flex-col items-center w-full">
     <GPXStatistics
         {gpxStatistics}
         {slicedGPXStatistics}
-            panelSize={120}
         orientation={'horizontal'}
     />
-    </div>
 </div>
 
 ### Additional data

website/src/lib/docs/sr/integration.mdx

@@ -13,8 +13,8 @@ You can use **gpx.studio** to create maps showing your GPX files and embed them
 
 All you need is:
 
-1. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
-2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 You can then play with the configurator below to customize your map and generate the corresponding HTML code.
 

website/src/lib/docs/sr/map-controls.mdx

@@ -56,10 +56,12 @@ The map layers button allows you to switch between different basemaps, and toggl
 - **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
 
 <div class="flex flex-col items-center">
-    <DocsLayers />
-    <span class="text-sm text-center mt-2">
-        Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
-    </span>
+<DocsLayers />
+<span class="text-sm text-center mt-2">
+
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.
+
+</span>
 </div>
 
 A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.