CategoryOverpass: include the new field 'details'

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>' +

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;