diff --git a/map.css b/map.css index 682e5f5..0e2d97e 100644 --- a/map.css +++ b/map.css @@ -603,13 +603,13 @@ select:focus-visible, align-items: center; justify-content: space-between; gap: 12px; - padding: 11px 20px max(11px, env(safe-area-inset-bottom)); + padding: 13px 20px max(13px, env(safe-area-inset-bottom)); border-top: 1px solid var(--border-subtle); background: var(--surface-raised); color: var(--text-muted); - font-size: 0.66rem; + font-size: 0.85rem; font-weight: 500; - letter-spacing: 0.025em; + letter-spacing: 0.02em; } .network-footer i { diff --git a/map.js b/map.js index 65269c7..e641982 100644 --- a/map.js +++ b/map.js @@ -339,6 +339,12 @@ email.href = `mailto:${organization.contact.email}`; email.textContent = 'Email'; email.setAttribute('aria-label', `Email ${organization.name}`); + // mailto: links only do something if the browser/OS has a mail client + // registered to handle them — true by default on phones, often not on + // desktops where people only use webmail. The title gives desktop users + // without one a way to see (and copy) the address via hover/right-click + // even when clicking the link silently does nothing. + email.title = organization.contact.email; contact.appendChild(email); }