From 952c69bd9a1f4593f844a1e0dd0b76dbca42cdd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Sun, 3 Sep 2017 21:42:55 +0200
Subject: [PATCH] Make details content look similar to popup content

---
 src/index.js |  5 +++++
 style.css    | 13 +++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/index.js b/src/index.js
index 759712af..d2629c55 100644
--- a/src/index.js
+++ b/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
diff --git a/style.css b/style.css
index 78159746..8bc28b8f 100644
--- a/style.css
+++ b/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;