elections2021: Clickable program point cards

elections2021/templates/elections2021/elections2021_program_page.html

@@ -107,12 +107,14 @@
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 pt-8">
 
     {% for point in points %}
-      <div class="card icon-card shadow-none bg-grey-125 card--hoveractive" data-archetype="{% if show_archetype_icon %}{{ point.archetype }}{% endif %}">
+      <a class="hover:no-underline block" href="{% pageurl point %}">
+        <div class="h-full card icon-card shadow-none bg-grey-125 card--hoveractive hover:elevation-0 hover:bg-acidgreen" data-archetype="{% if show_archetype_icon %}{{ point.archetype }}{% endif %}">
           <div class="card__body">
-          <h1 class="card-headline mb-8"><a href="{% pageurl point %}">{{ point.title }}</a></h1>
-          <div class="card-body-text"><a href="{% pageurl point %}">{{ point.annotation|richtext|strip_sup }}</a></div>
+            <h1 class="card-headline mb-8">{{ point.title }}</h1>
+            <div class="card-body-text">{{ point.annotation|richtext|strip_sup }}</div>
           </div>
         </div>
+      </a>
 
       {% if show_app_banner %}
         {% if forloop.counter == 3 or forloop.counter < 3 and forloop.last %}