diff --git a/static/includes/wcs/_nearby-form.scss b/static/includes/wcs/_nearby-form.scss index 2585a8c7..2c609c14 100644 --- a/static/includes/wcs/_nearby-form.scss +++ b/static/includes/wcs/_nearby-form.scss @@ -48,15 +48,22 @@ border-radius: 3px; } -.template-nearby-forms div.leaflet-div-icon { - box-sizing: content-box; - padding: 3px; - margin: auto; - border-radius: 3px; - display: flex; +.template-nearby-forms .nearby-marker { a { - line-height: 1; - margin: auto; + display: block; + padding: 0 3px; + border-radius: 3px; + background: $button-background; + color: $button-color; + min-width: 1.4em; + line-height: 1.4; + text-align: center; + text-decoration: none; + font-weight: bold; + outline: 1px solid white; + &:hover { + outline-width: 3px; + } } } diff --git a/static/js/plus1.js b/static/js/plus1.js index 6c737a69..203d40da 100644 --- a/static/js/plus1.js +++ b/static/js/plus1.js @@ -41,8 +41,10 @@ $(function() { { pointToLayer: function (feature, latlng) { marker = L.divIcon({ + className: "nearby-marker", iconAnchor: [0, 0], popupAnchor: [5, -45], + iconSize: null, html: '' + feature.properties.counter + '' });