{% comment %}
One site in the site finder.

The row is the tick. Its icon is the other thing you can do with a site, with a target of its
own, because a row that does two things depending on where you land does neither predictably.
{% endcomment %}
<div class="lens-finder__row" data-lens-pick="{{ row.key }}" data-lens-name="{{ row.label }}"
     data-lens-filterable="sites" data-band="{{ row.band }}" tabindex="0" role="checkbox"
     aria-checked="false">
  <span class="lens-finder__tick" aria-hidden="true"></span>
  <span class="lens-cable__dot" style="background: {{ row.colour }};"></span>
  <span class="lens-finder__name">{{ row.label }}</span>
  <span class="text-muted small lens-finder__meta">{{ row.detail }}</span>
  <a class="lens-cable__open" href="{{ row.url }}"
     title="{{ row.action }}: {{ row.label }}"><i class="mdi mdi-open-in-new"></i></a>
</div>