From 4efb4d3ab00422feb6a680a6cea5786e8ec178bf Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Wed, 17 Jun 2020 19:14:02 +0100
Subject: [PATCH] refactor: link page summary block rather than text

Enables the visitor to easily click anywhere on the summary (even between lines) rather than having to click exactly on the text.

Close #1751
---
 assets/scss/academic/_card.scss  | 3 +--
 layouts/partials/li_card.html    | 8 ++++----
 layouts/partials/li_compact.html | 6 +++---
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/assets/scss/academic/_card.scss b/assets/scss/academic/_card.scss
index ef01cff9..99125397 100644
--- a/assets/scss/academic/_card.scss
+++ b/assets/scss/academic/_card.scss
@@ -26,8 +26,7 @@
 }
 
 /* In page listings, display the linked summaries as normal text except for the hover cursor. */
-.media.stream-item .article-style a,
-.card-simple .article-style a {
+a.summary-link {
   color: unset;
   text-decoration: none;
 }
diff --git a/layouts/partials/li_card.html b/layouts/partials/li_card.html
index f75142e2..753cf2f3 100644
--- a/layouts/partials/li_card.html
+++ b/layouts/partials/li_card.html
@@ -54,11 +54,11 @@
   </h3>
 
   {{ with $summary }}
-  <div class="article-style">
-    <a href="{{ $item.RelPermalink }}">
+  <a href="{{ $item.RelPermalink }}" class="summary-link">
+    <div class="article-style">
       <p>{{.}}</p>
-    </a>
-  </div>
+    </div>
+  </a>
   {{ end }}
 
   {{ if $show_buttons }}
diff --git a/layouts/partials/li_compact.html b/layouts/partials/li_compact.html
index 223744b7..6a9bbf2f 100644
--- a/layouts/partials/li_compact.html
+++ b/layouts/partials/li_compact.html
@@ -38,11 +38,11 @@
     </h3>
 
     {{ with $summary }}
+    <a href="{{ $item.RelPermalink }}" class="summary-link">
       <div class="article-style">
-        <a href="{{ $item.RelPermalink }}">
-          {{ . }}
-        </a>
+        {{.}}
       </div>
+    </a>
     {{ end }}
 
     <div class="stream-meta article-metadata">