Improve map popup content display

CUAHSI · Aug 22, 2024 · eba229e · eba229e
1 parent 5630b4f
commit eba229e
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/frontend/src/stores/map.js b/frontend/src/stores/map.js
@@ -14,15 +14,14 @@ export const useMapStore = defineStore('map', () => {
   function onEachFeature(feature, layer) {
     let content = `<h3>Perceptual model of <strong>${feature.properties.location.long_name}</strong></h3>`
     content += `<p>${feature.properties.citation.citation}</p>`
-    content += '<hr>'
-    content += `<p><strong>${feature.properties.model_type.name}</strong></p>`
+    content += '<hr><br>'
+    content += `<h4>${feature.properties.model_type.name}</h4>`
     if (feature.properties.model_type.name === 'Text model') {
       content += `<p>${feature.properties.textmodel_snipped}</p>`
     } else {
       content += `<img src="${feature.properties.figure_url}" style="width: 100%">`
     }
-    content += '<hr>'
-
+    content += '<hr><br>'
     content += '<h4>Processes:</h4>'
     content += '<ul>'
     feature.properties.process_taxonomies.forEach((process_taxonomy) => {
@@ -33,7 +32,7 @@ export const useMapStore = defineStore('map', () => {
       feature.properties.spatial_zone_type?.spatial_property &&
       feature.properties.spatial_zone_type.spatial_property != 'N'
     ) {
-      content += '<hr>'
+      content += '<hr><br>'
       content += '<h4>Spatial zone:</h4>'
       content += `${feature.properties.spatial_zone_type.spatial_property}`
     }
@@ -42,7 +41,7 @@ export const useMapStore = defineStore('map', () => {
       feature.properties.temporal_zone_type?.temporal_property &&
       feature.properties.temporal_zone_type.temporal_property != 'N'
     ) {
-      content += '<hr>'
+      content += '<hr><br>'
       content += '<h4>Temporal zone:</h4>'
       content += `${feature.properties.temporal_zone_type.temporal_property}`
     }