From 731a4ffb97f6388be0d7eba523fb856cd3ff6d8c Mon Sep 17 00:00:00 2001
From: Christian Beutel <>
Date: Sat, 19 Jul 2025 20:02:47 +0200
Subject: [PATCH] fixes crop icons

---
 web/src/lib/components/trail/route_editor.svelte | 15 ++++-----------
 web/src/routes/trail/edit/[id]/+page.svelte      |  4 ++--
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/web/src/lib/components/trail/route_editor.svelte b/web/src/lib/components/trail/route_editor.svelte
index e81e2abf..08123d57 100644
--- a/web/src/lib/components/trail/route_editor.svelte
+++ b/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>
diff --git a/web/src/routes/trail/edit/[id]/+page.svelte b/web/src/routes/trail/edit/[id]/+page.svelte
index 722bdee4..27a46de8 100644
--- a/web/src/routes/trail/edit/[id]/+page.svelte
+++ b/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",