diff --git a/main.css b/main.css
index 90ab97e..9d6501c 100644
--- a/main.css
+++ b/main.css
@@ -26,15 +26,3 @@ body {
.map-popup .leaflet-popup-content p {
@apply m-0 mb-1;
}
-
-li.contact-email::marker {
- content: "📧";
-}
-
-li.contact-phone::marker {
- content: "☎";
-}
-
-li.contact-website::marker {
- content: "🌐";
-}
diff --git a/ts/map.ts b/ts/map.ts
index 0400347..dccaa48 100644
--- a/ts/map.ts
+++ b/ts/map.ts
@@ -130,17 +130,22 @@ const buildContent = (o: Organisation): string => {
let result = `
${o.name}
${o.location.address ?? "auf Nachfrage"}
-`;
+`;
+
+ const li = (label: string, link: string, icon: string): string => {
+ return `-
+ ${icon}
+
+ ${label}
+
+
`;
+ };
+
+ for (const { label, url } of o.websites) result += li(label, url, "🌐");
+ for (const { label, email } of o.emails) result += li(label, email, "📧");
+ for (const { label, phone } of o.phones)
+ result += li(`${label} (${phone})`, "tel:" + phone, "☎");
- o.websites.forEach((website) => {
- result += `- ${website.label}
`;
- });
- o.emails.forEach((email) => {
- result += `- ${email.label}
`;
- });
- o.phones.forEach((phone) => {
- result += `- ${phone.label}: ${phone.phone}
`;
- });
result += `
`;
if (o.activities && o.activities !== "")