Speaker social icons mouseover is inaccurate

[rmoff]

When you hover over the social icons the mouseover doesn't fire accurately.

e.g. at https://m.devoxx.com/events/devoxxuk26/talks/19322/thinking-architecturally

[stephanj]

Root cause: Angular Material's mat-icon-button (MDC) always renders an invisible sized to 48×48px (WCAG minimum touch target), absolutely positioned and centered on the host. The speaker card shrinks the visible to 20px or 28px but the hidden span stays 48px, so adjacent icons' touch targets heavily overlap.

The later icon in DOM order wins the mouseenter, which is why hovering the right half of icon 2 fires icon 3's tooltip.

Fix — 3 identical 5-line additions to speaker-card.component.scss only:

::ng-deep .mat-mdc-button-touch-target {
  width: 100%;
  height: 100%;
}

One per social-icon container (.speaker-social-grid a, .speaker-social-inline a, .speaker-social-list a).

Will deploy a fix after DevoxxUK, thanks for reporting this! :)