fixes crop icons

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

@@ -386,24 +386,17 @@
                     onCropToggle(false);
                 }}>{$_("crop")}</button
             >
-            <button
-                class="btn-secondary"
-                onclick={() => {
-                    crop = false;
-                    onCropToggle(false);
-                }}>{$_("cancel")}</button
-            >
         </div>
     {/if}
 
     {#if recalculateElevationData}
-        <div class="p-4 my-2 rounded-xl bg-background shadow-xl">
+        <div
+            class="p-4 my-2 rounded-xl bg-background shadow-xl flex flex-col max-w-70"
+        >
             <Button secondary onclick={onRecalculateElevationData}
                 >{$_("recalculate-elevation-data")}</Button
             >
-            <p
-                class="bg-background/50 rounded-xl text-sm text-gray-500 mt-2 max-w-72"
-            >
+            <p class="bg-background/50 rounded-xl text-sm text-gray-500 mt-3">
                 {$_("recalculating-elevation-data-hint")}
             </p>
         </div>

web/src/routes/trail/edit/[id]/+page.svelte

@@ -424,7 +424,7 @@
                     id: "crop-start-marker",
                     icon: "fa-regular fa-circle",
                     fontSize: "xs",
-                    style: "z-10",
+                    style: "z-10 w-6",
                     width: 4,
                     backgroundColor: "bg-primary",
                     fontColor: "white",
@@ -436,7 +436,7 @@
                     id: "crop-end-marker",
                     icon: "fa fa-flag-checkered",
                     fontSize: "xs",
-                    style: "z-10",
+                    style: "z-10 w-6",
                     width: 4,
                     backgroundColor: "bg-primary",
                     fontColor: "white",