diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js index 0aed8710..19018688 100644 --- a/src/CategoryOverpass.js +++ b/src/CategoryOverpass.js @@ -391,9 +391,9 @@ CategoryOverpass.prototype.updatePopupContent = function (object, popup) { popupBody.innerHTML = this.popupBodyTemplate.render(data) } - var footer = document.createElement('div') - footer.className = 'footer' - var footerContent = '' + lang('show details') + '' + var footer = document.createElement('ul') + footer.className = 'popup-footer' + var footerContent = '
  • ' + lang('show details') + '
  • ' footer.innerHTML = footerContent popup._contentNode.appendChild(footer) diff --git a/style.css b/style.css index 3fab58f5..2442f96a 100644 --- a/style.css +++ b/style.css @@ -109,11 +109,13 @@ a:active { margin-left: 0; } -#content a.showDetails { - display: none; +.leaflet-popup-content ul.popup-footer { + padding: 0; } -a.showDetails { - display: block; +.leaflet-popup-content ul.popup-footer li { + display: inline-block; + list-style: none; + padding-right: 1em; } /* Footer */