From fc42e9ec6c59f6bb46a07158aecbdc9364570dfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Tue, 29 Sep 2020 21:55:32 +0200
Subject: [PATCH] CategoryOverpass: include the new field 'details'

---
 src/CategoryOverpass.js |  1 +
 style.css               | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js
index 259581ce..5fdff720 100644
--- a/src/CategoryOverpass.js
+++ b/src/CategoryOverpass.js
@@ -52,6 +52,7 @@ var defaultValues = {
       '{% endif %}' +
       '</div>' +
       '<div class="content">' +
+      '{% if object.listDetails or object.details %}<div class="details">{{ object.listDetails|default(object.details) }}</div>{% endif %}' +
       '{% if object.listDescription or object.description %}<div class="description">{{ object.listDescription|default(object.description) }}</div>{% endif %}' +
       '{% if object.listTitle or object.title %}<div class="title">{{ object.listTitle|default(object.title) }}</div>{% endif %}' +
       '</div>' +
diff --git a/style.css b/style.css
index 55af0c43..8a9de56e 100644
--- a/style.css
+++ b/style.css
@@ -434,6 +434,10 @@ ul.overpass-layer-list > li:hover,
 ul.overpass-layer-list > li.selected {
   background: #cfcfcf !important;
 }
+ul.overpass-layer-list > li > a {
+  display: block;
+  width: 100%;
+}
 ul.overpass-layer-list > li > a > .marker {
   position: absolute;
   margin-left: -35px;
@@ -471,6 +475,12 @@ ul.overpass-layer-list > li > a > .content > .title {
   display: block;
   font-style: italic;
 }
+ul.overpass-layer-list > li > a > .content > .details {
+  float: right;
+  display: block;
+  font-style: italic;
+  color: #7f7f7f;
+}
 
 .leaflet-popup-content h1 .title {
   font-style: italic;