Make details content look similar to popup content

src/index.js

@@ -185,6 +185,11 @@ function showDetails (data, category) {
   div.innerHTML = data.data.title
   dom.appendChild(div)
 
+  var div = document.createElement('div')
+  div.className = 'description'
+  div.innerHTML = data.data.description
+  dom.appendChild(div)
+
   var div = document.createElement('div')
   div.className = 'body'
   div.innerHTML = data.data.body

style.css

@@ -426,9 +426,18 @@ a.showDetails {
 .leaflet-popup-content {
   min-width: 200px;
 }
+#content {
+  font-size: 12px;
+  font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
+  line-height: 1.4;
+}
+#content h1,
 .leaflet-popup-content > h1 {
   margin: 0;
 }
+#contentDetails a {
+  color: #0078A8;
+}
 
 .yes {
   color: green;
@@ -440,13 +449,13 @@ a.showDetails {
   color: red;
 }
 
-.body .description,
+.description,
 .leaflet-popup-content .description {
   display: block;
   text-align: right;
   font-style: italic;
 }
-.body .description:after,
+.description:after,
 .leaflet-popup-content .description:after {
   content: '';
   clear: right;