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``;
+ }
+
_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
+
`;