From e020a3656c353801f70dd1f6ad3e6904916c0d9b Mon Sep 17 00:00:00 2001
From: Joachim Schleicher <joachimsl@gmx.de>
Date: Mon, 11 Dec 2023 11:39:54 +0100
Subject: [PATCH] finetune

* left align share icon
* add light tilelayer icon in "view" mode
---
 umap/static/umap/img/16.svg        |  24 ++++-
 umap/static/umap/img/source/16.svg | 143 +++++++++++++++++++++++------
 umap/static/umap/map.css           |   7 +-
 3 files changed, 145 insertions(+), 29 deletions(-)

diff --git a/umap/static/umap/img/16.svg b/umap/static/umap/img/16.svg
index 9aaa84c1..a7f38acd 100644
--- a/umap/static/umap/img/16.svg
+++ b/umap/static/umap/img/16.svg
@@ -1,4 +1,9 @@
-<svg id="svg2" width="144" height="144" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<svg id="svg2" width="144" height="168" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <defs id="defs4">
+  <mask id="mask0_181_11898" x="2" y="2" width="15" height="15" maskUnits="userSpaceOnUse">
+   <path id="path2351" d="m16.04 2.3158h-14.035v14.035h14.035z" fill="#fff"/>
+  </mask>
+ </defs>
  <metadata id="metadata7">
   <rdf:RDF>
    <cc:Work rdf:about="">
@@ -146,5 +151,22 @@
    <path id="path4349-2-2-3-3-3" d="m129.66 830.95-2.4614-13.189" stroke="#808080"/>
   </g>
   <path id="delete-disabled" d="m131 937.36v1c-1.4286 0-3.2857 0.5999-4 2v1h10v-1c-0.71429-1.4001-2.5714-2-4-2v-1zm-4 5 2 9h6l2-9z" fill="#b3b3b3"/>
+  <g id="tilelayers" transform="matrix(2.5259 0 0 2.5259 47.788 955.6)">
+   <path id="path2349" d="m26.773 3.4277h-4.2439c-0.07035 0-0.13781 0.027945-0.18756 0.077687-0.04974 0.049744-0.07769 0.11721-0.07769 0.18756v4.2439c0 0.070353 0.02794 0.13782 0.07769 0.18756 0.04974 0.049742 0.11721 0.077682 0.18756 0.077682h4.2439c0.07035 0 0.13782-0.02794 0.18756-0.077682 0.04974-0.049742 0.07768-0.11721 0.07768-0.18756v-4.2439c0-0.070347-0.02794-0.13781-0.07768-0.18756-0.04974-0.049742-0.11721-0.077687-0.18756-0.077687zm-0.26524 4.1591h-3.7135v-3.5463h3.7135z" fill="#464646" stroke-width=".26458"/>
+   <g id="g2376" transform="matrix(.26458 0 0 .26458 20.638 1.8521)" mask="url(#mask0_181_11898)">
+    <path id="path2354" d="m16.04 2.3158h-14.035v14.035h14.035z" fill="#d5ecbe"/>
+    <path id="path2356" d="m2.376 3.4286c0.26774-0.31238 0.61516-0.54633 1.0053-0.67696 0.39014-0.13063 0.80838-0.15306 1.2102-0.06489 0.32391 0.15649 0.58536 0.41794 0.74185 0.74185 0.37093 0.72181 0 1.2632 0 2.2155-0.0802 1.7243 1.0025 2.0852 0.73183 3.6892-0.0802 0.57142-0.34085 1.4436-0.73183 1.4737-0.62155 0.0602-0.94235-2.005-2.2155-2.2155-0.39097-0.06015-0.47117 0.11028-0.74185 0-1.0526-0.401-1.5238-3.6592 0-5.1629z" fill="#e9daab"/>
+    <path id="path2358" d="m7.1779 16.351c-1.7544-1.7243-2.1654-1.7544-2.1654-2.2156-0.1604-1.0025 1.7444-1.2932 2.2155-2.9573 0.33083-1.173-0.47118-1.564-0.74186-3.6893-0.1604-1.2531-0.401-3.218 0.74186-4.4311s3.1379-1.1729 4.4311-0.74185c1.0647 0.38986 1.9867 1.0924 2.6451 2.0156 0.6584 0.92314 1.0223 2.0237 1.0441 3.1574 0 1.2431-0.6817 1.6541-0.7318 3.6893 0.0605 0.7372 0.0605 1.4782 0 2.2155-0.1546 1.1225-0.6763 2.1624-1.4837 2.9574-1.5038 1.3433-3.9098 1.6942-5.2231 0.7418-0.15037-0.1102-0.07017-0.0501-0.73183-0.7418z" fill="#bcd8af"/>
+    <path id="path2360" d="m14.196 9.3333c-0.4303 0.37544-0.6966 0.90438-0.7419 1.4737 0 0.1203 0 1.213 0.7419 1.4837 0.2937 0.0714 0.6033 0.036 0.8733-0.0999s0.4828-0.3635 0.6004-0.6419c0.066-0.2429 0.066-0.499 0-0.7419-0.1604-1.3834 0.3007-2.005 0-2.2155-0.3008-0.21053-1.0928 0.35087-1.4737 0.74185z" fill="#ebe9d6"/>
+    <path id="path2362" d="m14.196 15.238c0.2874 0.0123 0.5733-0.0483 0.831-0.1763 0.2577-0.1279 0.4788-0.3191 0.6427-0.5555 0.2005-0.3308 0.4411-1.0526 0-1.4837-0.2062-0.1739-0.4672-0.2693-0.7369-0.2693-0.2696 0-0.5306 0.0954-0.7368 0.2693 0 0-1.4837 0.7418-1.4837 1.4837 0 0.7418 1.4837 0.7318 1.4837 0.7318z" fill="#f3ecdd"/>
+    <path id="path2364" d="m7.9098 1.5739c-1.8947 1.3233-2.2657 2.2957-2.2155 2.9574 0.0802 1.0025 1.0927 1.3734 1.4837 3.0075 0.19537 0.72559 0.19537 1.4899 0 2.2155-0.58145 1.8546-2.5163 1.8847-3.6992 3.6892-0.6679 1.11-0.92678 2.4186-0.73183 3.6993" fill="none" stroke="#dfa170" stroke-miterlimit="10" stroke-width=".75"/>
+    <path id="path2366" d="m5.3332 1.9448c1.5732 1.6174 2.6034 3.6848 2.9474 5.9148 0.13097 0.73271 0.13097 1.4828 0 2.2156-0.33083 1.7042-1.3033 2.3559-2.2155 4.4311-0.31515 0.713-0.56025 1.455-0.73183 2.2155" fill="none" stroke="#e0859b" stroke-miterlimit="10" stroke-width=".25"/>
+    <path id="path2368" d="m10.496 14.506c-1.8446-1.0025-1.7143-5.5339 0-6.6466 0.5915-0.38096 1.1328-0.21053 1.4837-0.74186 0.5213-0.802-0.411-1.6942 0-2.9574 0.2306-0.72181 0.8922-1.5238 1.4737-1.4737 1.0025 0.0802 2.1253 2.5564 1.4737 4.4311-0.5314 1.5639-1.9148 1.5138-2.2156 3.0075-0.3408 1.6441 1.2732 2.6266 0.7419 3.6892-0.3395 0.4362-0.8182 0.7428-1.3564 0.8687s-1.1033 0.0634-1.601-0.1769z" fill="#ade3ea"/>
+    <path id="path2370" d="m7.9097 2.3158c-0.39098 0.91228 0.21052 2.1454 0.74185 2.2155 0.53133 0.07018 0.66166-0.65163 1.4837-0.74185 0.401 0 0.5213 0.1203 0.7318 0 0.5013-0.27068 0.6115-1.6241 0-2.2155-0.2397-0.1568-0.5092-0.26229-0.7916-0.30984-0.28244-0.04755-0.57165-0.03612-0.84944 0.03356-0.2778 0.06969-0.53816 0.19612-0.76471 0.37134-0.22654 0.17522-0.41436 0.39544-0.55164 0.64679z" fill="#748ec2"/>
+    <path id="path2372" d="m10.135 5.2732c-0.31082 0.30075-0.88225 0.85213-0.7419 1.4737 0.09023 0.401 0.45113 0.78195 0.7419 0.74185 0.2907-0.0401 0.2907-0.57143 0.7318-0.74185 0.4411-0.17043 0.5113 0.11027 0.7418 0 0.5314-0.24061 0.6116-1.9248 0-2.2155-0.6115-0.29073-1.2431 0.4812-1.4736 0.74185z" fill="#f3ecdd"/>
+    <path id="path2374" d="m3.4786 3.7895c0.27068-0.1604 1.3133 0.54135 1.4837 1.4837s-0.82205 2.3158-1.4837 2.2155c-0.28201-0.11246-0.51262-0.32501-0.64766-0.59693-0.13503-0.27192-0.165-0.58411-0.08417-0.87676 0.27068-0.55137 1.4536-0.4411 1.4737-0.73183 0.02005-0.29072-0.51128-0.27067-0.74186-0.75188-0.1203-0.27067-0.14035-0.65162 0-0.74185z" fill="#cfd7c8"/>
+   </g>
+   <path id="path2378" d="m25.147 1.8521h-4.2439c-0.07035 0-0.13782 0.027946-0.18756 0.077689-0.04974 0.049744-0.07769 0.11721-0.07769 0.18756v4.2439c0 0.070353 0.02795 0.13782 0.07769 0.18756 0.04974 0.049742 0.11721 0.077682 0.18756 0.077682h4.2439c0.07035 0 0.13782-0.02794 0.18756-0.077682 0.04974-0.049742 0.07768-0.11721 0.07768-0.18756v-4.2439c0-0.070349-0.02794-0.13782-0.07768-0.18756-0.04974-0.049743-0.11721-0.077689-0.18756-0.077689zm-0.26524 4.1591h-3.7135v-3.5463h3.7135z" fill="#464646" stroke-width=".26458"/>
+  </g>
  </g>
 </svg>
diff --git a/umap/static/umap/img/source/16.svg b/umap/static/umap/img/source/16.svg
index 95a76cf8..f63086c6 100644
--- a/umap/static/umap/img/source/16.svg
+++ b/umap/static/umap/img/source/16.svg
@@ -3,7 +3,7 @@
 
 <svg
    width="144"
-   height="144"
+   height="168"
    id="svg2"
    version="1.1"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -19,7 +19,20 @@
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
-     id="defs4" />
+     id="defs4">
+    <mask
+       id="mask0_181_11898"
+       maskUnits="userSpaceOnUse"
+       x="2"
+       y="2"
+       width="15"
+       height="15">
+      <path
+         d="M 16.0401,2.3158 H 2.005 v 14.0351 h 14.0351 z"
+         fill="#ffffff"
+         id="path2351" />
+    </mask>
+  </defs>
   <sodipodi:namedview
      id="base"
      pagecolor="#ffffff"
@@ -28,16 +41,16 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="4.5893817"
-     inkscape:cx="71.469323"
-     inkscape:cy="75.827208"
+     inkscape:cx="68.418802"
+     inkscape:cy="100.88505"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"
-     inkscape:window-width="960"
+     inkscape:window-width="1920"
      inkscape:window-height="1011"
      inkscape:window-x="0"
      inkscape:window-y="32"
-     inkscape:window-maximized="0"
+     inkscape:window-maximized="1"
      showguides="true"
      inkscape:guide-bbox="true"
      inkscape:snap-grids="true"
@@ -59,72 +72,79 @@
        units="px" />
     <sodipodi:guide
        orientation="-1,0"
-       position="24,144"
+       position="24,168"
        id="guide3084"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="0,1"
-       position="0,96"
+       position="0,120"
        id="guide3086"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="-1,0"
-       position="48,144"
+       position="48,168"
        id="guide3088"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="0,1"
-       position="0,72"
+       position="0,96"
        id="guide3090"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="-1,0"
-       position="72,144"
+       position="72,168"
        id="guide14621"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="0,1"
-       position="0,48"
+       position="0,72"
        id="guide17864"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="0,1"
-       position="0,120"
+       position="0,144"
        id="guide3026"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
        orientation="-1,0"
-       position="96,144"
+       position="96,168"
        id="guide3028"
        inkscape:locked="false"
        inkscape:label=""
        inkscape:color="rgb(0,134,229)" />
     <sodipodi:guide
-       position="120,72"
+       position="120,96"
        orientation="-1,0"
        id="guide4869"
        inkscape:label=""
        inkscape:color="rgb(0,0,255)"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="0,24"
+       position="0,48"
        orientation="0,-1"
        id="guide12922"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="0,24"
+       orientation="0,1"
+       id="guide14292"
+       inkscape:label=""
+       inkscape:locked="false"
+       inkscape:color="rgb(0,134,229)" />
   </sodipodi:namedview>
   <metadata
      id="metadata7">
@@ -171,7 +191,7 @@
            inkscape:connector-curvature="0"
            id="path3789"
            style="font-weight:bold;font-size:12px;-inkscape-font-specification:'Sans Bold';fill:#4d4d4d"
-           d="m 9,1046.0464 h -2.3698034 v -0.3223 c 0,-0.3596 0.072207,-0.6775 0.2166302,-0.9539 0.1444174,-0.2807 0.4485749,-0.636 0.9124728,-1.0658 l 0.4201314,-0.3816 c 0.249449,-0.228 0.4310681,-0.4429 0.5448577,-0.6446 0.1181576,-0.2019 0.1772384,-0.4036 0.177243,-0.6053 -4.6e-6,-0.3071 -0.1050376,-0.5462 -0.3150985,-0.7171 -0.2100697,-0.1756 -0.5032861,-0.2632 -0.87965,-0.2632 -0.3544889,0 -0.7374207,0.075 -1.1487968,0.2237 -0.4113804,0.1446 -0.840264,0.3618 -1.2866522,0.6513 v -2.0659 c 0.5295391,-0.184 1.0131273,-0.32 1.4507661,-0.4077 0.437634,-0.088 0.8599531,-0.1317 1.2669587,-0.1317 1.0678292,0 1.8818328,0.2194 2.442012,0.6579 0.560169,0.4341 0.840256,1.0702 0.840263,1.9078 -7e-6,0.4298 -0.08535,0.8159 -0.256017,1.158 -0.170685,0.3377 -0.461713,0.7017 -0.873085,1.092 l -0.4201313,0.375 c -0.297598,0.272 -0.4923463,0.4913 -0.5842451,0.658 -0.091909,0.1622 -0.1378603,0.342 -0.1378556,0.5394 v 0.296 m -2.3698034,0.9739 h 2.3698034 v 2.342 h -2.3698034 v -2.342"
+           d="M 9,1046.0464 H 6.6301966 v -0.3223 c 0,-0.3596 0.072207,-0.6775 0.2166302,-0.9539 0.1444174,-0.2807 0.4485749,-0.636 0.9124728,-1.0658 l 0.4201314,-0.3816 c 0.249449,-0.228 0.4310681,-0.4429 0.5448577,-0.6446 0.1181576,-0.2019 0.1772384,-0.4036 0.177243,-0.6053 -4.6e-6,-0.3071 -0.1050376,-0.5462 -0.3150985,-0.7171 -0.2100697,-0.1756 -0.5032861,-0.2632 -0.87965,-0.2632 -0.3544889,0 -0.7374207,0.075 -1.1487968,0.2237 -0.4113804,0.1446 -0.840264,0.3618 -1.2866522,0.6513 v -2.0659 c 0.5295391,-0.184 1.0131273,-0.32 1.4507661,-0.4077 0.437634,-0.088 0.8599531,-0.1317 1.2669587,-0.1317 1.0678292,0 1.8818328,0.2194 2.442012,0.6579 0.560169,0.4341 0.840256,1.0702 0.840263,1.9078 -7e-6,0.4298 -0.08535,0.8159 -0.256017,1.158 -0.170685,0.3377 -0.461713,0.7017 -0.873085,1.092 l -0.4201313,0.375 c -0.297598,0.272 -0.4923463,0.4913 -0.5842451,0.658 -0.091909,0.1622 -0.1378603,0.342 -0.1378556,0.5394 v 0.296 m -2.3698034,0.9739 H 9 v 2.342 H 6.6301966 v -2.342"
            sodipodi:nodetypes="ccsccccccsccccsccccccccccccc" />
       </g>
     </g>
@@ -195,7 +215,7 @@
       <path
          id="path2990"
          transform="translate(0,1034.3622)"
-         d="m 9,4.5 c -2.9999998,-3.36e-5 -4.9999999,1.5 -8,4.5 3.0000001,2.999999 5.0000002,4.500033 8,4.5 3,-3.3e-5 5,-1.500001 8,-4.5 -3,-3 -5,-4.4999664 -8,-4.5 z m 0,2.5 c 1.104569,0 2,0.8954305 2,2 0,1.104569 -0.895431,2 -2,2 -1.1045695,0 -2,-0.895431 -2,-2 0,-1.1045695 0.8954305,-2 2,-2 z"
+         d="M 9,4.5 C 6.0000002,4.4999664 4.0000001,6 1,9 c 3.0000001,2.999999 5.0000002,4.500033 8,4.5 3,-3.3e-5 5,-1.500001 8,-4.5 C 14,6 12,4.5000336 9,4.5 Z M 9,7 c 1.104569,0 2,0.8954305 2,2 0,1.104569 -0.895431,2 -2,2 C 7.8954305,11 7,10.104569 7,9 7,7.8954305 7.8954305,7 9,7 Z"
          style="fill:#b3b3b3;fill-opacity:1;fill-rule:nonzero;stroke:none"
          inkscape:connector-curvature="0" />
       <path
@@ -225,7 +245,7 @@
        sodipodi:nodetypes="ccccccccccccc" />
     <path
        style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-       d="m 13.51751,866.36211 c -2.466762,0 -4.48249,2.0158 -4.48249,4.4826 0,0.8297 0.233748,1.5964 0.63035,2.26462 l -3.66537,3.66532 1.587549,1.5876 3.66537,-3.66542 c 0.668139,0.3966 1.434831,0.6303 2.264591,0.6303 2.466762,0 4.48249,-2.0157 4.48249,-4.48242 0,-2.4668 -2.015728,-4.4826 -4.48249,-4.4826 z m 0,1.4943 c 1.659256,0 2.988326,1.329 2.988326,2.9883 0,1.6592 -1.32907,2.98832 -2.988326,2.98832 -1.659256,0 -2.988326,-1.32912 -2.988326,-2.98832 0,-1.6593 1.32907,-2.9883 2.988326,-2.9883 z m 0,1.4941 c -0.816354,0 -1.494163,0.6779 -1.494163,1.4942 0,0.8163 0.677809,1.4942 1.494163,1.4942 0.816354,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677809,-1.4942 -1.494163,-1.4942 z"
+       d="m 13.51751,866.36211 c -2.466762,0 -4.48249,2.0158 -4.48249,4.4826 0,0.8297 0.233748,1.5964 0.63035,2.26462 L 6,876.77465 l 1.587549,1.5876 3.66537,-3.66542 c 0.668139,0.3966 1.434831,0.6303 2.264591,0.6303 2.466762,0 4.48249,-2.0157 4.48249,-4.48242 0,-2.4668 -2.015728,-4.4826 -4.48249,-4.4826 z m 0,1.4943 c 1.659256,0 2.988326,1.329 2.988326,2.9883 0,1.6592 -1.32907,2.98832 -2.988326,2.98832 -1.659256,0 -2.988326,-1.32912 -2.988326,-2.98832 0,-1.6593 1.32907,-2.9883 2.988326,-2.9883 z m 0,1.4941 c -0.816354,0 -1.494163,0.6779 -1.494163,1.4942 0,0.8163 0.677809,1.4942 1.494163,1.4942 0.816354,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677809,-1.4942 -1.494163,-1.4942 z"
        id="zoom"
        inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to.png"
        inkscape:export-xdpi="89.996864"
@@ -233,7 +253,7 @@
        inkscape:connector-curvature="0" />
     <path
        id="zoom-disabled"
-       d="m 37.51751,866.36216 c -2.466762,0 -4.482491,2.0157 -4.482491,4.4825 0,0.8298 0.233749,1.5964 0.630351,2.2645 l -3.66537,3.66554 1.587549,1.5875 3.665369,-3.66544 c 0.668139,0.39662 1.434831,0.63042 2.264592,0.63042 2.466762,0 4.48249,-2.01572 4.48249,-4.48252 0,-2.4668 -2.015728,-4.4825 -4.48249,-4.4825 z m 0,1.4942 c 1.659256,0 2.988327,1.329 2.988327,2.9883 0,1.6593 -1.329071,2.9883 -2.988327,2.9883 -1.659256,0 -2.988327,-1.329 -2.988327,-2.9883 0,-1.6593 1.329071,-2.9883 2.988327,-2.9883 z m 0,1.4941 c -0.816355,0 -1.494164,0.6779 -1.494164,1.4942 0,0.8163 0.677809,1.4942 1.494164,1.4942 0.816355,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677808,-1.4942 -1.494163,-1.4942 z"
+       d="m 37.51751,866.36216 c -2.466762,0 -4.482491,2.0157 -4.482491,4.4825 0,0.8298 0.233749,1.5964 0.630351,2.2645 L 30,876.7747 l 1.587549,1.5875 3.665369,-3.66544 c 0.668139,0.39662 1.434831,0.63042 2.264592,0.63042 2.466762,0 4.48249,-2.01572 4.48249,-4.48252 0,-2.4668 -2.015728,-4.4825 -4.48249,-4.4825 z m 0,1.4942 c 1.659256,0 2.988327,1.329 2.988327,2.9883 0,1.6593 -1.329071,2.9883 -2.988327,2.9883 -1.659256,0 -2.988327,-1.329 -2.988327,-2.9883 0,-1.6593 1.329071,-2.9883 2.988327,-2.9883 z m 0,1.4941 c -0.816355,0 -1.494164,0.6779 -1.494164,1.4942 0,0.8163 0.677809,1.4942 1.494164,1.4942 0.816355,0 1.494163,-0.6779 1.494163,-1.4942 0,-0.8163 -0.677808,-1.4942 -1.494163,-1.4942 z"
        style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
        inkscape:connector-curvature="0"
        inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom_to-off.png"
@@ -242,7 +262,7 @@
     <path
        inkscape:connector-curvature="0"
        style="fill:#f2f2f2;fill-opacity:1;stroke:none"
-       d="m 36,889.36215 c -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00005 7,7.00005 3.865993,0 7,-3.13404 7,-7.00005 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,2.9687 a 1.0001,1.0001 0 0 1 0.09375,0 1.0001,1.0001 0 0 1 0.65625,1.8125 l -1.625,1.2188 h 5.03125 a 1.0001,1.0001 0 1 1 0,2 h -5 l 1.59375,1.1875 a 1.0001,1.0001 0 1 1 -1.1875,1.59372 l -3.71875,-2.78122 a 1.0043849,1.0043849 0 0 1 -0.15625,-1.9063 l 3.875,-2.9062 a 1.0001,1.0001 0 0 1 0.4375,-0.2188 z"
+       d="m 36,889.36215 c -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00005 7,7.00005 3.865993,0 7,-3.13404 7,-7.00005 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,2.9687 a 1.0001,1.0001 0 0 1 0.09375,0 1.0001,1.0001 0 0 1 0.65625,1.8125 l -1.625,1.2188 H 40 a 1.0001,1.0001 0 1 1 0,2 h -5 l 1.59375,1.1875 a 1.0001,1.0001 0 1 1 -1.1875,1.59372 l -3.71875,-2.78122 a 1.0043849,1.0043849 0 0 1 -0.15625,-1.9063 l 3.875,-2.9062 a 1.0001,1.0001 0 0 1 0.4375,-0.2188 z"
        id="path5321"
        inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-left-16.png"
        inkscape:export-xdpi="89.996864"
@@ -252,13 +272,13 @@
        inkscape:export-xdpi="89.996864"
        inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/arrow-right-16.png"
        id="path5338"
-       d="m 12,903.36219 c 3.865993,0 7,-3.134 7,-7.00002 0,-3.866 -3.134007,-7 -7,-7 -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00002 7,7.00002 z m 0.15625,-2.9687 a 1.0001,1.0001 0 0 1 -0.09375,0 1.0001,1.0001 0 0 1 -0.65625,-1.81252 l 1.625,-1.2188 h -5.03125 a 1.0001,1.0001 0 1 1 0,-2 h 5 l -1.59375,-1.1875 a 1.0001,1.0001 0 1 1 1.1875,-1.5937 l 3.71875,2.7812 a 1.0043849,1.0043849 0 0 1 0.15625,1.9063 l -3.875,2.90622 a 1.0001,1.0001 0 0 1 -0.4375,0.2188 z"
+       d="m 12,903.36219 c 3.865993,0 7,-3.134 7,-7.00002 0,-3.866 -3.134007,-7 -7,-7 -3.865993,0 -7,3.134 -7,7 0,3.86602 3.134007,7.00002 7,7.00002 z m 0.15625,-2.9687 a 1.0001,1.0001 0 0 1 -0.09375,0 1.0001,1.0001 0 0 1 -0.65625,-1.81252 l 1.625,-1.2188 H 8 a 1.0001,1.0001 0 1 1 0,-2 h 5 l -1.59375,-1.1875 a 1.0001,1.0001 0 1 1 1.1875,-1.5937 l 3.71875,2.7812 a 1.0043849,1.0043849 0 0 1 0.15625,1.9063 l -3.875,2.90622 a 1.0001,1.0001 0 0 1 -0.4375,0.2188 z"
        style="fill:#f2f2f2;fill-opacity:1;stroke:none"
        inkscape:connector-curvature="0" />
     <path
        inkscape:connector-curvature="0"
        style="fill:#f2f2f2;fill-opacity:1;stroke:none"
-       d="m 12,913.36213 c -3.865993,0 -7,3.134 -7,7 0,3.8661 3.134007,7.0001 7,7.0001 3.865993,0 7,-3.134 7,-7.0001 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,1.7187 a 1.250125,1.250125 0 0 1 0.125,0 1.250125,1.250125 0 0 1 1.28125,1.2813 v 2.75 h 2.75 a 1.250125,1.250125 0 1 1 0,2.5 h -2.75 v 2.7501 a 1.250125,1.250125 0 1 1 -2.5,0 v -2.7501 h -2.75 a 1.2515615,1.2515615 0 0 1 -0.125,-2.5 1.250125,1.250125 0 0 1 0.125,0 h 2.75 v -2.75 a 1.250125,1.250125 0 0 1 1.09375,-1.2813 z"
+       d="m 12,913.36213 c -3.865993,0 -7,3.134 -7,7 0,3.8661 3.134007,7.0001 7,7.0001 3.865993,0 7,-3.134 7,-7.0001 0,-3.866 -3.134007,-7 -7,-7 z m -0.15625,1.7187 a 1.250125,1.250125 0 0 1 0.125,0 1.250125,1.250125 0 0 1 1.28125,1.2813 v 2.75 H 16 a 1.250125,1.250125 0 1 1 0,2.5 h -2.75 v 2.7501 a 1.250125,1.250125 0 1 1 -2.5,0 v -2.7501 H 8 a 1.2515615,1.2515615 0 0 1 -0.125,-2.5 1.250125,1.250125 0 0 1 0.125,0 h 2.75 v -2.75 a 1.250125,1.250125 0 0 1 1.09375,-1.2813 z"
        id="path5340"
        inkscape:export-filename="/home/ybon/Code/js/leaflet-storage/src/img/zoom-grey-16.png"
        inkscape:export-xdpi="89.996864"
@@ -284,7 +304,7 @@
          inkscape:connector-curvature="0"
          id="path4384"
          style="font-variant:normal;font-stretch:normal;font-size:20px;font-family:Arial;-inkscape-font-specification:Arial;fill:#4d4d4d"
-         d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 -3.066406,-3.06638 -3.076172,3.07618 -1.181641,-1.18165" />
+         d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 L 40,997.54382 36.923828,1000.62 35.742187,999.43835" />
     </g>
     <path
        inkscape:connector-curvature="0"
@@ -293,7 +313,7 @@
        id="add" />
     <path
        style="fill:#4d4d4d;fill-opacity:1;stroke:none"
-       d="m 63.71429,866.36218 -1.14285,1.14286 2.28571,2.28572 1.14285,-1.14286 z m -1.71429,1.71428 -6.285714,6.28574 2.285715,2.2857 6.285719,-6.28572 z m -6.285714,6.28574 -1.714286,3.99999 4.000001,-1.71429 z"
+       d="m 63.71429,866.36218 -1.14285,1.14286 2.28571,2.28572 L 66,868.6479 Z M 62,868.07646 l -6.285714,6.28574 2.285715,2.2857 6.285719,-6.28572 z M 55.714286,874.3622 54,878.36219 58.000001,876.6479 Z"
        id="edit"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="cccccccccccccc" />
@@ -316,11 +336,11 @@
          inkscape:connector-curvature="0"
          id="path4384-2"
          style="font-variant:normal;font-stretch:normal;font-size:20px;font-family:Arial;-inkscape-font-specification:Arial;fill:#ffffff;stroke:#000000;stroke-width:0.1;stroke-dasharray:none;stroke-opacity:1"
-         d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 -3.066406,-3.06638 -3.076172,3.07618 -1.181641,-1.18165" />
+         d="m 35.742187,999.43835 3.076172,-3.07617 -3.066406,-3.0664 1.191406,-1.19141 3.066407,3.06641 3.05664,-3.05664 1.171875,1.18164 -3.046875,3.05664 3.066406,3.0664 -1.191406,1.19138 L 40,997.54382 36.923828,1000.62 35.742187,999.43835" />
     </g>
     <path
        style="fill:#b3b3b3;fill-opacity:1;stroke:none"
-       d="m 63.71429,890.36216 -1.14285,1.1428 2.28571,2.2858 1.14285,-1.1429 z m -1.71429,1.7143 -6.285714,6.28572 2.285714,2.2857 6.28572,-6.2857 z m -6.285714,6.28572 -1.714286,4 4,-1.7143 z"
+       d="m 63.71429,890.36216 -1.14285,1.1428 2.28571,2.2858 L 66,892.64786 Z M 62,892.07646 55.714286,898.36218 58,900.64788 l 6.28572,-6.2857 z m -6.285714,6.28572 -1.714286,4 4,-1.7143 z"
        id="path3684-2"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="cccccccccccccc" />
@@ -763,5 +783,74 @@
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="cccccccccccccc"
        inkscape:label="" />
+    <g
+       id="tilelayers"
+       transform="matrix(2.5259351,0,0,2.5259351,47.787514,955.60094)">
+      <path
+         d="m 26.772659,3.4276506 h -4.243945 c -0.07035,0 -0.137814,0.027945 -0.187558,0.077687 -0.04974,0.049744 -0.07769,0.1172104 -0.07769,0.1875578 v 4.2439431 c 0,0.070353 0.02794,0.1378215 0.07769,0.1875631 0.04974,0.049742 0.11721,0.077682 0.187558,0.077682 h 4.243945 c 0.07035,0 0.137822,-0.02794 0.187563,-0.077682 0.04974,-0.049742 0.07768,-0.1172104 0.07768,-0.1875631 V 3.6928954 c 0,-0.070347 -0.02794,-0.1378135 -0.07768,-0.1875578 -0.04974,-0.049742 -0.11721,-0.077687 -0.187563,-0.077687 z m -0.265245,4.1590648 h -3.713453 v -3.546348 h 3.713453 z"
+         fill="#464646"
+         id="path2349"
+         style="stroke-width:0.264583" />
+      <g
+         mask="url(#mask0_181_11898)"
+         id="g2376"
+         transform="matrix(0.26458333,0,0,0.26458333,20.637501,1.8520833)">
+        <path
+           d="M 16.0401,2.3158 H 2.005 v 14.0351 h 14.0351 z"
+           fill="#d5ecbe"
+           id="path2354" />
+        <path
+           d="M 2.37597,3.42857 C 2.64371,3.11619 2.99113,2.88224 3.38126,2.75161 3.7714,2.62098 4.18964,2.59855 4.59151,2.68672 c 0.32391,0.15649 0.58536,0.41794 0.74185,0.74185 0.37093,0.72181 0,1.26316 0,2.21554 C 5.25316,7.36842 6.33587,7.72933 6.06519,9.33334 5.98499,9.90476 5.72434,10.7769 5.33336,10.807 4.71181,10.8672 4.39101,8.80201 3.11782,8.59148 c -0.39097,-0.06015 -0.47117,0.11028 -0.74185,0 -1.05263,-0.401 -1.523811,-3.65915 0,-5.16291 z"
+           fill="#e9daab"
+           id="path2356" />
+        <path
+           d="M 7.1779,16.3509 C 5.42352,14.6266 5.01249,14.5965 5.01249,14.1353 4.85209,13.1328 6.75685,12.8421 7.22803,11.178 7.55886,10.005 6.75685,9.61404 6.48617,7.48873 6.32577,6.2356 6.08517,4.27068 7.22803,3.05765 8.37089,1.84462 10.3659,1.88472 11.6591,2.3158 c 1.0647,0.38986 1.9867,1.09245 2.6451,2.01558 0.6584,0.92314 1.0223,2.02371 1.0441,3.15735 0,1.24311 -0.6817,1.65413 -0.7318,3.68927 0.0605,0.7372 0.0605,1.4782 0,2.2155 -0.1546,1.1225 -0.6763,2.1624 -1.4837,2.9574 C 11.629,17.6942 9.22302,18.0451 7.90973,17.0927 7.75936,16.9825 7.83956,17.0426 7.1779,16.3509 Z"
+           fill="#bcd8af"
+           id="path2358" />
+        <path
+           d="m 14.1956,9.33332 c -0.4303,0.37544 -0.6966,0.90438 -0.7419,1.47368 0,0.1203 0,1.213 0.7419,1.4837 0.2937,0.0714 0.6033,0.036 0.8733,-0.0999 0.27,-0.1359 0.4828,-0.3635 0.6004,-0.6419 0.066,-0.2429 0.066,-0.499 0,-0.7419 -0.1604,-1.38345 0.3007,-2.00501 0,-2.21553 -0.3008,-0.21053 -1.0928,0.35087 -1.4737,0.74185 z"
+           fill="#ebe9d6"
+           id="path2360" />
+        <path
+           d="m 14.1955,15.2381 c 0.2874,0.0123 0.5733,-0.0483 0.831,-0.1763 0.2577,-0.1279 0.4788,-0.3191 0.6427,-0.5555 0.2005,-0.3308 0.4411,-1.0526 0,-1.4837 -0.2062,-0.1739 -0.4672,-0.2693 -0.7369,-0.2693 -0.2696,0 -0.5306,0.0954 -0.7368,0.2693 0,0 -1.4837,0.7418 -1.4837,1.4837 0,0.7418 1.4837,0.7318 1.4837,0.7318 z"
+           fill="#f3ecdd"
+           id="path2362" />
+        <path
+           d="M 7.90976,1.57394 C 6.01502,2.89725 5.6441,3.86968 5.69422,4.53134 c 0.0802,1.0025 1.09273,1.37343 1.48371,3.00752 0.19537,0.72559 0.19537,1.48994 0,2.21553 -0.58145,1.85461 -2.51629,1.88471 -3.69925,3.68921 -0.6679,1.11 -0.92678,2.4186 -0.73183,3.6993"
+           stroke="#dfa170"
+           stroke-width="0.75"
+           stroke-miterlimit="10"
+           id="path2364"
+           style="fill:none" />
+        <path
+           d="m 5.33325,1.94485 c 1.5732,1.61744 2.60339,3.68483 2.94737,5.91479 0.13097,0.73271 0.13097,1.48283 0,2.21556 -0.33083,1.7042 -1.30326,2.3559 -2.21554,4.4311 -0.31515,0.713 -0.56025,1.455 -0.73183,2.2155"
+           stroke="#e0859b"
+           stroke-width="0.25"
+           stroke-miterlimit="10"
+           id="path2366"
+           style="fill:none" />
+        <path
+           d="m 10.4963,14.5063 c -1.84462,-1.0025 -1.7143,-5.53387 0,-6.64665 0.5915,-0.38096 1.1328,-0.21053 1.4837,-0.74186 0.5213,-0.802 -0.411,-1.69423 0,-2.95739 0.2306,-0.72181 0.8922,-1.52381 1.4737,-1.47369 1.0025,0.0802 2.1253,2.5564 1.4737,4.43108 -0.5314,1.56391 -1.9148,1.51379 -2.2156,3.00751 -0.3408,1.6441 1.2732,2.6266 0.7419,3.6892 -0.3395,0.4362 -0.8182,0.7428 -1.3564,0.8687 -0.5382,0.1259 -1.1033,0.0634 -1.601,-0.1769 z"
+           fill="#ade3ea"
+           id="path2368" />
+        <path
+           d="M 7.90971,2.31578 C 7.51873,3.22806 8.12023,4.46115 8.65156,4.53132 9.18289,4.6015 9.31322,3.87969 10.1353,3.78947 c 0.401,0 0.5213,0.1203 0.7318,0 0.5013,-0.27068 0.6115,-1.62406 0,-2.21554 C 10.6274,1.41713 10.3579,1.31164 10.0755,1.26409 9.79306,1.21654 9.50385,1.22797 9.22606,1.29765 8.94826,1.36734 8.6879,1.49377 8.46135,1.66899 8.23481,1.84421 8.04699,2.06443 7.90971,2.31578 Z"
+           fill="#748ec2"
+           id="path2370" />
+        <path
+           d="M 10.1354,5.27317 C 9.82458,5.57392 9.25315,6.1253 9.3935,6.74686 c 0.09023,0.401 0.45113,0.78195 0.7419,0.74185 0.2907,-0.0401 0.2907,-0.57143 0.7318,-0.74185 0.4411,-0.17043 0.5113,0.11027 0.7418,0 0.5314,-0.24061 0.6116,-1.92482 0,-2.21554 -0.6115,-0.29073 -1.2431,0.4812 -1.4736,0.74185 z"
+           fill="#f3ecdd"
+           id="path2372" />
+        <path
+           d="M 3.47861,3.78948 C 3.74929,3.62908 4.79189,4.33083 4.96232,5.27319 5.13275,6.21555 4.14027,7.58898 3.47861,7.48873 3.1966,7.37627 2.96599,7.16372 2.83095,6.8918 2.69592,6.61988 2.66595,6.30769 2.74678,6.01504 3.01746,5.46367 4.20042,5.57394 4.22047,5.28321 4.24052,4.99249 3.70919,5.01254 3.47861,4.53133 c -0.1203,-0.27067 -0.14035,-0.65162 0,-0.74185 z"
+           fill="#cfd7c8"
+           id="path2374" />
+      </g>
+      <path
+         d="m 25.146689,1.8520833 h -4.243941 c -0.07035,0 -0.137815,0.027946 -0.187558,0.077689 -0.04974,0.049744 -0.07769,0.1172099 -0.07769,0.1875586 v 4.2439405 c 0,0.070353 0.02795,0.1378215 0.07769,0.1875632 0.04974,0.049742 0.11721,0.077682 0.187558,0.077682 h 4.243941 c 0.07035,0 0.137821,-0.02794 0.187563,-0.077682 0.04974,-0.049742 0.07768,-0.1172105 0.07768,-0.1875632 V 2.1173309 c 0,-0.070349 -0.02794,-0.1378151 -0.07768,-0.1875586 -0.04974,-0.049743 -0.11721,-0.077689 -0.187563,-0.077689 z M 24.881444,6.0111481 H 21.167993 V 2.4648028 h 3.713451 z"
+         fill="#464646"
+         id="path2378"
+         style="stroke-width:0.264583" />
+    </g>
   </g>
 </svg>
diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index 4810bace..1cdf7412 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -284,9 +284,14 @@ ul.photon-autocomplete {
 }
 .umap-share h3:before {
     background-image: url('./img/16.svg');
-    background-position: 0 -117px;
+    background-position: -4px -119px;
+}
+.dark .umap-tilelayer-switcher-container h3:before {
+    background-image: url('./img/16-white.svg');
+    background-position: -98px -141px;
 }
 .umap-tilelayer-switcher-container h3:before {
+    background-image: url('./img/16.svg');
     background-position: -98px -141px;
 }
 .umap-feature-properties.marker:before {