.

generic/templates/generic/group_view.html

@@ -1,8 +1,17 @@
 {% extends 'generic/base.html' %}
 
 {% block content %}
-
+<h2>Groups</h2>
 {% for group in groups %}
-<p>Group: {{group.name}} <a href="{% url 'generic:group_email' pk=group.pk %}">[Email candidate details]</a></p>
+<p>{{group.name}} <button class="email-button" data-emailurl="{% url 'generic:group_email' pk=group.pk %}
+">Email candidate details</button></p>
 {% endfor %}
-{% endblock %}
+
+    <script type="text/javascript">
+
+        $(".email-button").click((evt) => {
+            window.location = evt.currentTarget.dataset.emailurl;
+        })
+
+        </script>
+{% endblock %}