map speed improvements

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

@@ -55,7 +55,7 @@
     <div
         class="relative w-full basis-full max-h-48 overflow-hidden rounded-t-2xl"
     >
-        <img class="h-full w-full" id="header-img" src={thumbnail} alt="" />
+        <img loading="lazy" class="w-full h-full" id="header-img" src={thumbnail} alt="" />
     </div>
     {#if (trail.public || trailIsShared) && pb.authStore.model}
         <div
@@ -73,7 +73,9 @@
                 </span>
             {/if}
             {#if trail.expand?.trail_share_via_trail?.length}
-                <ShareInfo type="trail" subject={trail}></ShareInfo>
+                <span class="tooltip" data-title={$_("shared")}>
+                    <i class="fa fa-share-nodes"></i>
+                </span>
             {/if}
         </div>
     {/if}

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

@@ -214,8 +214,8 @@
             <div
                 class="flex absolute justify-between items-end w-full bottom-8 left-0 px-8 gap-y-4"
             >
-                <div class="text-white">
-                    <h4 class="text-4xl font-bold">
+                <div class="text-white overflow-hidden">
+                    <h4 title={trail.name} class="text-4xl font-bold line-clamp-3">
                         {trail.name}
                     </h4>
                     {#if trail.date}
@@ -370,7 +370,7 @@
                     <EmptyStateDescription></EmptyStateDescription>
                 {/if}
                 <h4 class="text-2xl font-semibold mb-6 mt-12">
-                    {$_("route", { values: { n: 2 } })}
+                    {$_("route", { values: { n: 1 } })}
                 </h4>
                 {#if mode === "overview"}
                     <div

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

@@ -68,7 +68,7 @@
             <div class="p-4">
                 <h5 class="text-xl font-semibold">{wp.name}</h5>
                 <span class="text-sm text-gray-500"
-                    >{wp.lat.toFixed(5)}, {wp.lon.toFixed(5)}</span
+                    ><i class="fa fa-location-dot mr-1"></i> {wp.lat.toFixed(5)}, {wp.lon.toFixed(5)}</span
                 >
                 <p class="whitespace-pre-line">
                     {wp.description}