From c68f1baef105ee60ab84baa90aff214c01a3b725 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 3 Jan 2022 13:47:54 +0000
Subject: [PATCH] Move links inside headers

Touch targets on mobile get a bit weird otherwise
---
 layouts/_default/contact.html   | 14 +++++++++-----
 layouts/partials/list_item.html |  8 +++++---
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/layouts/_default/contact.html b/layouts/_default/contact.html
index f898289..987cfff 100644
--- a/layouts/_default/contact.html
+++ b/layouts/_default/contact.html
@@ -9,13 +9,17 @@
       {{ range $i, $e := sort .Site.Data.social.accounts "name" }}
         <div class="col-sm-3 mt-3">
           <div class="card about-card text-center" id="{{ urlize $e.name }}">
-            <a href="{{ $e.link }}" class="colour-invert">
-              <h3 class="display-3"><i class="{{ $e.icon }}"></i></h3>
-            </a>
-            <div class="card-body">
+            <h3 class="display-3">
               <a href="{{ $e.link }}" class="colour-invert">
-                <h3>{{ $e.name }}</h3>
+                <i class="{{ $e.icon }}"></i>
               </a>
+            </h3>
+            <div class="card-body">
+              <h3>
+                <a href="{{ $e.link }}" class="colour-invert">
+                  {{ $e.name }}
+                </a>
+              </h3>
               <a href="{{ $e.link }}">
                 <p>{{ $e.username }}</p>
               </a>
diff --git a/layouts/partials/list_item.html b/layouts/partials/list_item.html
index c02ca01..e32708c 100644
--- a/layouts/partials/list_item.html
+++ b/layouts/partials/list_item.html
@@ -17,9 +17,11 @@
     </div>
   {{ end }}
   <div class="media-body">
-    <a href="{{ .RelPermalink }}" title="{{ .Title }}">
-      <h3 class="my-0 h5">{{ .Title }}</h3>
-    </a>
+    <h3 class="my-0 h5">
+      <a href="{{ .RelPermalink }}" title="{{ .Title }}">
+        {{ .Title }}
+      </a>
+    </h3>
     <small>{{ partial "content-details.html" . }}</small>
     <p>{{ partial "summary.html" . }}</p>
   </div>