adds more docs

web/src/lib/components/trail/map_with_elevation.svelte

@@ -142,7 +142,7 @@
 <div id="map-container" class="flex flex-col h-full">
     <div
         id="map"
-        class="rounded-xl z-0 basis-full"
+        class="rounded-xl z-0 basis-full min-h-72"
         style={crosshair
             ? "position: relative; outline-style: none;cursor: crosshair !important"
             : "position: relative; outline-style: none;"}

web/src/lib/components/trail/trail_info_panel.svelte

@@ -271,7 +271,7 @@
     >
         <Tabs {tabs} bind:activeTab></Tabs>
     </section>
-    <section class="trail-info-panel-content px-8 overflow-y-scroll" style="height: calc(100% - 394px)">
+    <section class="trail-info-panel-content px-8 overflow-y-scroll" style="height: calc(100% - 420px)">
         <div
             class="grid grid-cols-1 my-4 gap-8"
             class:md:grid-cols-[1fr_18rem]={mode == "overview"}

web/src/lib/util/gpx_util.ts

@@ -16,7 +16,7 @@ export async function gpx2trail(gpxString: string) {
 
     const trail = new Trail("");
 
-    trail.name = gpx.metadata?.name || `trail-${new Date().toISOString()}`;
+    trail.name = gpx.metadata?.name || gpx.trk?.at(0)?.name || gpx.rte?.at(0)?.name ||  `trail-${new Date().toISOString()}`;
 
     trail.description = gpx.metadata?.desc;