multiple cosmetic changes

Former-commit-id: 6f52d7c81c645ec43c4344bde07539db0f008dac

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

@@ -25,6 +25,7 @@
         await import("$lib/vendor/leaflet-elevation/src/index.js");
 
         map = L.map("map").setView([trail.lat ?? 0, trail.lon ?? 0], 14);
+        map.attributionControl.setPrefix(false)
 
         L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
             attribution: "© OpenStreetMap contributors",

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

@@ -27,14 +27,18 @@
     <div class="p-4">
         <div>
             <h4 class="font-semibold text-lg">{trail.name}</h4>
-            {#if trail.location}
-                <h5><i class="fa fa-location-dot mr-3"></i>{trail.location}</h5>
-            {/if}
-            <h5>
-                <i class="fa fa-person-hiking mr-3"></i>{$_(
-                    trail.difficulty ?? "?",
-                )}
-            </h5>
+            <div class="flex gap-x-4">
+                {#if trail.location}
+                    <h5>
+                        <i class="fa fa-location-dot mr-3"></i>{trail.location}
+                    </h5>
+                {/if}
+                <h5>
+                    <i class="fa fa-person-hiking mr-3"></i>{$_(
+                        trail.difficulty ?? "?",
+                    )}
+                </h5>
+            </div>
         </div>
         <div class="flex mt-2 gap-4 text-sm text-gray-500 whitespace-nowrap">
             <span

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

@@ -52,6 +52,7 @@
             await import("leaflet.awesome-markers");
 
             map = L.map("map").setView([0, 0], 2);
+            map.attributionControl.setPrefix(false)
 
             L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
                 attribution: "© OpenStreetMap contributors",
@@ -150,12 +151,12 @@
                     <div class="flex flex-wrap gap-x-8 gap-y-2 mt-4 mr-8">
                         {#if trail.location}
                             <h3 class="text-lg">
-                                <i class="fa fa-location-dot mr-3"></i>
+                                <i class="fa fa-location-dot mr-2"></i>
                                 {trail.location}
                             </h3>
                         {/if}
                         <h3 class="text-lg">
-                            <i class="fa fa-person-hiking mr-3"></i>
+                            <i class="fa fa-person-hiking mr-2"></i>
                             {$_(trail.difficulty ?? "?")}
                         </h3>
                     </div>

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

@@ -59,14 +59,14 @@
 
 <div class="min-w-0">
     <div class="flex items-end flex-wrap md:flex-nowrap gap-x-6 gap-y-2 mx-4">
-        <div class="basis-full order-1 md:order-none mt-6 md:mt-0">
+        <div class="basis-full order-1 md:order-none">
             <Pagination
                 page={pagination.page}
                 totalPages={pagination.totalPages}
                 on:pagination
             ></Pagination>
         </div>
-        <div class="lg:shrink-0">
+        <div class="shrink-0">
             <p class="text-sm text-gray-500 pb-2">{$_("sort")}</p>
             <div class="flex items-center gap-2">
                 <Select
@@ -83,7 +83,7 @@
                 >
             </div>
         </div>
-        <div class="lg:shrink-0">
+        <div class="shrink-0">
             <p class="text-sm text-gray-500 pb-2">{$_("display-as")}</p>
 
             <Select