adds missing translations

web/src/lib/components/base/select.svelte

@@ -29,7 +29,7 @@
     {/if}
     <select
         {name}
-        class="bg-input-background h-10 w-full px-4 border-r-8 border-transparent outline outline-1 outline-input-border rounded-md focus:outline-input-border-focus transition-colors"
+        class="block bg-input-background h-10 px-4 border-r-8 border-transparent outline outline-1 outline-input-border rounded-md focus:outline-input-border-focus transition-colors"
         class:text-gray-500={disabled}
         {disabled}
         bind:value

web/src/lib/components/profile/password_modal.svelte

@@ -50,7 +50,7 @@
 
 <Modal
     id="password-modal"
-    size="max-w-xl"
+    size="max-w-sm"
     title={$_("change-password")}
     bind:openModal={_openModal}
     bind:closeModal

web/src/lib/components/profile/settings.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
     import { goto } from "$app/navigation";
     import type { DropdownItem } from "../base/dropdown.svelte";
-
+    import { _ } from "svelte-i18n";
     export let selected: number;
 
     const items: DropdownItem[] = [
-        { text: "My Account", value: "/settings/account" },
-        { text: "Display", value: "/settings/display" },
-        { text: "Import/Export", value: "/settings/export" },
-        { text: "Help", value: "https://wanderer.to" },
+        { text: $_("my-account"), value: "/settings/account" },
+        { text: $_("display"), value: "/settings/display" },
+        { text: `${$_("import")}/${$_("export")}`, value: "/settings/export" },
+        { text: $_('help'), value: "https://wanderer.to" },
     ];
 
     function handleItemClick(item: DropdownItem) {
-        if(item.text != "Help") {
+        if (item.text != "Help") {
             goto(item.value);
-        }else {
-            window.open(item.value, '_blank');
+        } else {
+            window.open(item.value, "_blank");
         }
     }
 </script>

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

@@ -43,22 +43,22 @@
         {
             text: $_("altitude"),
             value: "altitude",
-            icon: selectedMetric == "altitude" ? "square-check" : "square",
+            icon: selectedMetric == "altitude" ? "circle-dot" : "circle",
         },
         {
             text: $_("slope"),
             value: "slope",
-            icon: selectedMetric == "slope" ? "square-check" : "square",
+            icon: selectedMetric == "slope" ? "circle-dot" : "circle",
         },
         {
             text: $_("speed"),
             value: "speed",
-            icon: selectedMetric == "speed" ? "square-check" : "square",
+            icon: selectedMetric == "speed" ? "circle-dot" : "circle",
         },
         {
             text: $_("off"),
             value: false,
-            icon: selectedMetric == false ? "square-check" : "square",
+            icon: selectedMetric == false ? "circle-dot" : "circle",
         },
     ];
 

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

@@ -6,10 +6,10 @@
 
     export let openModal: (() => void) | undefined = undefined;
     export let closeModal: (() => void) | undefined = undefined;
+    export let title: string = $_("export");
 
     const dispatch = createEventDispatcher();
 
-
     const fileFormats = [
         { text: "GPX", value: "gpx" },
         { text: "GeoJSON", value: "json" },
@@ -21,20 +21,13 @@
         summitLog: false,
     };
 
-
     function exportTrail() {
         dispatch("export", exportSettings);
         closeModal!();
     }
 </script>
 
-<Modal
-    id="export-modal"
-    title="Export trail"
-    size="max-w-sm"
-    bind:openModal
-    bind:closeModal
->
+<Modal id="export-modal" {title} size="max-w-sm" bind:openModal bind:closeModal>
     <div slot="content">
         <div class="mb-3">
             <Select