diff --git a/umap/static/umap/img/16-white.svg b/umap/static/umap/img/16-white.svg
index e9b91538..c1417e5b 100644
--- a/umap/static/umap/img/16-white.svg
+++ b/umap/static/umap/img/16-white.svg
@@ -38,7 +38,6 @@
-
@@ -132,5 +131,12 @@
+
+
+
+
+
+
+
diff --git a/umap/static/umap/img/source/16-white.svg b/umap/static/umap/img/source/16-white.svg
index 3bca63f3..82cb9904 100644
--- a/umap/static/umap/img/source/16-white.svg
+++ b/umap/static/umap/img/source/16-white.svg
@@ -3,7 +3,7 @@
diff --git a/umap/static/umap/js/umap.features.js b/umap/static/umap/js/umap.features.js
index 92144d2d..2aaecacd 100644
--- a/umap/static/umap/js/umap.features.js
+++ b/umap/static/umap/js/umap.features.js
@@ -86,7 +86,8 @@ L.U.FeatureMixin = {
edit: function (e) {
if (!this.map.editEnabled || this.isReadOnly()) return
- const container = L.DomUtil.create('div', 'umap-datalayer-container')
+ const container = L.DomUtil.create('div', 'umap-feature-container')
+ L.DomUtil.add('h3', `umap-feature-properties ${this.getClassName()}`, container, L._('Feature properties'))
let builder = new L.U.FormBuilder(this, ['datalayer'], {
callback: function () {
diff --git a/umap/static/umap/js/umap.js b/umap/static/umap/js/umap.js
index 5f8224c8..f9926541 100644
--- a/umap/static/umap/js/umap.js
+++ b/umap/static/umap/js/umap.js
@@ -1710,7 +1710,7 @@ L.U.Map.include({
if (!this.editEnabled) return
const container = L.DomUtil.create('div', 'umap-edit-container'),
metadataFields = ['options.name', 'options.description'],
- title = L.DomUtil.create('h4', '', container)
+ title = L.DomUtil.create('h3', '', container)
title.textContent = L._('Edit map properties')
const builder = new L.U.FormBuilder(this, metadataFields)
const form = builder.build()
diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index 5ce24312..ef430474 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -221,6 +221,31 @@ ul.photon-autocomplete {
.manage-datalayers {
background-position: -36px -72px;
}
+.umap-edit-container h3:before,
+.umap-feature-properties:before,
+.umap-layer-properties-container h3:before {
+ height: 24px;
+ width: 24px;
+ background-repeat: no-repeat;
+ background-image: url('./img/16-white.svg');
+ background-size: auto auto;
+ background-position: -98px -117px;
+ content: " ";
+ vertical-align: bottom;
+ display: inline-block;
+}
+.umap-edit-container h3:before {
+ background-position: -27px -93px;
+}
+.umap-feature-properties.marker:before {
+ background-position: -72px -117px;
+}
+.umap-feature-properties.polyline:before {
+ background-position: 0 -117px;
+}
+.umap-feature-properties.polygon:before {
+ background-position: -24px -117px;
+}
.umap-toolbar .update-map-permissions,
.update-map-permissions {
background-position: -36px -36px;