diff --git a/css/80_app.css b/css/80_app.css index bc88a6471..51d92c704 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -4047,12 +4047,9 @@ img.tile-debug { margin-left: auto; margin-right: 8px; } - -.panel-content-history .view-history-on-osm { - display: block; - margin-top: 10px; +.panel-content-history h4 { + padding-bottom: 0; } - .panel-content-location .location-info { margin-top: 10px; } diff --git a/modules/ui/panels/history.js b/modules/ui/panels/history.js index e92ed68cb..008d95546 100644 --- a/modules/ui/panels/history.js +++ b/modules/ui/panels/history.js @@ -180,6 +180,28 @@ export function uiPanelHistory(context) { return; } + var links = selection + .append('div') + .attr('class', 'links'); + + if (osm) { + links + .append('a') + .attr('class', 'view-history-on-osm') + .attr('href', osm.historyURL(entity)) + .attr('target', '_blank') + .attr('tabindex', -1) + .attr('title', t('info_panels.history.link_text')) + .text('OSM'); + } + links + .append('a') + .attr('class', 'pewu-history-viewer-link') + .attr('href', 'https://pewu.github.io/osm-history/#/' + entity.type + '/' + entity.osmId()) + .attr('target', '_blank') + .attr('tabindex', -1) + .text('PeWu'); + var list = selection .append('ul'); @@ -204,18 +226,6 @@ export function uiPanelHistory(context) { .append('li') .text(t('info_panels.history.changeset') + ':') .call(displayChangeset, entity.changeset); - - if (osm) { - selection - .append('a') - .attr('class', 'view-history-on-osm') - .attr('target', '_blank') - .attr('tabindex', -1) - .attr('href', osm.historyURL(entity)) - .call(svgIcon('#iD-icon-out-link', 'inline')) - .append('span') - .text(t('info_panels.history.link_text')); - } }