From a7cd5dfe4fc97b95c209d43ce08bb0bc63944197 Mon Sep 17 00:00:00 2001 From: Hezekiah Jenkins Date: Fri, 2 Oct 2026 21:27:10 -0500 Subject: [PATCH] fix: enlarge footer callout text, add email tooltip for desktop reviewers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Board feedback after reviewing the live site: - "Reflect · Connect · Act" and "Visit Praxium" in the sidebar footer were too small to notice (0.66rem). Bumped to 0.85rem with slightly more padding. - The Email button on an organization's popup appeared to do nothing on desktop browsers, while working fine on phones. This isn't a bug in the mailto: link itself — phones almost always have a mail app registered as the default handler, while many desktop users only use webmail in-browser with no client registered, so the browser has nothing to hand the mailto: link to and silently does nothing. Added a title attribute with the actual address so desktop users without a configured client can still see/copy it via hover or right-click. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_018KR2ZSHK8Skmyd1zyTaw7v --- map.css | 6 +++--- map.js | 6 ++++++ 2 files changed, 9 insertions(+), 3 deletions(-) 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); }