More style tweaks to usersettings

assets/layers/usersettings/license_info.json

@@ -15,6 +15,16 @@
     ],
     "sources": []
   },
+  {
+    "path": "scale.svg",
+    "license": "MIT",
+    "authors": [
+      "Heroicons"
+    ],
+    "sources": [
+      "https://heroicons.com/"
+    ]
+  },
   {
     "path": "translate_disabled.svg",
     "license": "CC-BY-SA-3.0",

assets/layers/usersettings/scale.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
+</svg>
+

assets/layers/usersettings/scale.svg.license

@@ -0,0 +1,2 @@
+SPDX-FileCopyrightText: Heroicons
+SPDX-License-Identifier: MIT

assets/layers/usersettings/usersettings.json

@@ -274,6 +274,7 @@
       "mappings": [
         {
           "if": "mapcomplete-pictures-license=",
+          "icon": "./assets/layers/usersettings/scale.svg",
           "then": {
             "en": "Pictures you take will be licensed with <b>CC0</b> and added to the public domain. This means that everyone can use your pictures for any purpose. <span class='subtle'>This is the default choice.</span>",
             "de": "Die von Ihnen aufgenommenen Bilder werden mit <b>CC0</b> lizenziert und der Public Domain hinzugefügt. Das bedeutet, dass jeder Ihre Bilder für jeden Zweck verwenden kann. <span class='subtle'>Dies ist die Standardeinstellung.</span>",
@@ -286,6 +287,7 @@
         },
         {
           "if": "mapcomplete-pictures-license=CC0",
+          "icon": "./assets/layers/usersettings/scale.svg",
           "then": {
             "en": "Pictures you take will be licensed with <b>CC0</b> and added to the public domain. This means that everyone can use your pictures for any purpose.",
             "de": "Ihre aufgenommenen Bilder werden mit <b>CC0</b> lizenziert und der Public Domain hinzugefügt. Das bedeutet, dass jeder Ihre Bilder für jeden Zweck verwenden kann.",
@@ -301,6 +303,7 @@
         },
         {
           "if": "mapcomplete-pictures-license=CC-BY 4.0",
+          "icon": "./assets/layers/usersettings/scale.svg",
           "then": {
             "en": "Pictures you take will be licensed with <b>CC-BY 4.0</b> which requires everyone using your picture that they have to attribute you",
             "ca": "Les fotografies que facis es publicaran sota <b>CC-BY 4.0</b> que requereix que qualsevol que utilitzi la vostra imatge us ha de donar crèdits",
@@ -312,6 +315,7 @@
         },
         {
           "if": "mapcomplete-pictures-license=CC-BY-SA 4.0",
+          "icon": "./assets/layers/usersettings/scale.svg",
           "then": {
             "en": "Pictures you take will be licensed with <b>CC-BY-SA 4.0</b> which means that everyone using your picture must attribute you and that derivatives of your picture must be reshared with the same license.",
             "de": "Die von Ihnen aufgenommenen Bilder werden mit <b>CC-BY-SA 4.0</b> lizenziert, was bedeutet, dass jeder, der Ihr Bild verwendet, Sie als Urheber nennen muss und dass Ableitungen Ihres Bildes mit der gleichen Lizenz weitergegeben werden müssen.",
@@ -474,6 +478,7 @@
       "mappings": [
         {
           "if": "mapcomplete-fixate-north=",
+          "icon": "./assets/svg/compass.svg",
           "then": {
             "en": "Allow to rotate the map",
             "de": "Drehen der Karte zulassen",
@@ -486,6 +491,7 @@
         },
         {
           "if": "mapcomplete-fixate-north=yes",
+          "icon": "./assets/svg/compass.svg",
           "then": {
             "en": "Always keep north pointing up",
             "de": "Norden immer nach oben zeigen lassen",
@@ -525,6 +531,7 @@
       "mappings": [
         {
           "if": "mapcomplete-more_privacy=yes",
+          "icon": "./assets/svg/eye.svg",
           "then": {
             "en": "When making changes to OpenStreetMap, do not indicate how far away you were from the changed objects.",
             "de": "Wenn du Änderungen an OpenStreetMap vornimmst, gibst du nicht an, wie weit du von den geänderten Objekten entfernt warst.",
@@ -533,6 +540,7 @@
         },
         {
           "if": "mapcomplete-more_privacy=no",
+          "icon": "./assets/svg/eye.svg",
           "then": {
             "en": "When making changes to OpenStreetMap, roughly indicate how far away you were from the changed objects. This helps other contributors to understand how you made the change",
             "de": "Wenn du Änderungen an OpenStreetMap vornimmst, gib grob an, wie weit du von den geänderten Objekten entfernt warst. Das hilft anderen Mitwirkenden zu verstehen, wie du die Änderung vorgenommen hast.",
@@ -543,6 +551,7 @@
     },
     {
       "id": "mangrove-keys",
+      "classes": "flex flex-col",
       "render": {
         "special": {
           "type": "link",
@@ -557,6 +566,7 @@
             "nl": "Download de private sleutel van je Mangrove-account"
           }
         },
+        "class": "button",
         "after": {
           "en": "Anyone possessing this file can make reviews with your identity",
           "de": "Jeder, der diese Datei besitzt, kann mit Ihrer Identität Rezensionen vornehmen",

assets/svg/license_info.json

@@ -507,6 +507,16 @@
       "https://www.svgrepo.com/svg/22182/map"
     ]
   },
+  {
+    "path": "github.svg",
+    "license": "LOGO",
+    "authors": [
+      "Github"
+    ],
+    "sources": [
+      "https://github.com/logos"
+    ]
+  },
   {
     "path": "gps_arrow.svg",
     "license": "CC0-1.0",

src/UI/Popup/TagRendering/SpecialTranslation.svelte

@@ -12,7 +12,6 @@
   import ToSvelte from "../../Base/ToSvelte.svelte"
   import LayerConfig from "../../../Models/ThemeConfig/LayerConfig"
   import WeblateLink from "../../Base/WeblateLink.svelte"
-  import FromHtml from "../../Base/FromHtml.svelte"
   import BaseUIElement from "../../BaseUIElement"
 
   /**

src/UI/Reviews/ImportReviewIdentity.svelte

@@ -80,7 +80,7 @@
 
 <LoginToggle {state}>
   <div class="m-1 flex flex-col">
-    <FileSelector accept="application/json" multiple={false} on:submit={(e) => onImport(e.detail)}>
+    <FileSelector cls="button w-fit" accept="application/json" multiple={false} on:submit={(e) => onImport(e.detail)}>
       {text}
     </FileSelector>
     {#if error}