diff --git a/src/alpaca-map-icon.js b/src/alpaca-map-icon.js index 89ae613..cd0cb2d 100644 --- a/src/alpaca-map-icon.js +++ b/src/alpaca-map-icon.js @@ -39,6 +39,12 @@ export default class AlpacaMapIcon extends LitElement { super.connectedCallback(); } + _iconArrowUpRightFromSquare() { + const path = svg``; + + return html`${path}`; + } + _iconBed() { const path = svg``; @@ -90,6 +96,9 @@ export default class AlpacaMapIcon extends LitElement { render() { let icon; switch (this.icon) { + case "arrowUpRightFromSquare": + icon = this._iconArrowUpRightFromSquare(); + break; case "bed": icon = this._iconBed(); break; diff --git a/src/alpaca-map-marker.js b/src/alpaca-map-marker.js index 020397e..25e92d8 100644 --- a/src/alpaca-map-marker.js +++ b/src/alpaca-map-marker.js @@ -76,6 +76,15 @@ export default class AlpacaMapMarker extends LitElement { font-size: medium; } + .icon { + position: relative; + margin-left: 0.5rem; + } + + .link-arrow { + top: 0.25rem; + } + /********* Farm styles in highlighted state *********/ /* .farm.highlight { @@ -147,8 +156,11 @@ export default class AlpacaMapMarker extends LitElement { target="_blank" rel="noreferrer" title="Google directions" - >Directions + >Directions + `;