Move links inside headers

Touch targets on mobile get a bit weird otherwise

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>

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>