From b8f07c76a407d5fc7bb6e713ea5f996883347ef5 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 27 Dec 2021 11:21:28 +0000
Subject: [PATCH] Improve spacing and headers on contact page

---
 layouts/_default/contact.html | 4 ++--
 static/src/scss/style.scss    | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/contact.html b/layouts/_default/contact.html
index dcb7f67..f898289 100644
--- a/layouts/_default/contact.html
+++ b/layouts/_default/contact.html
@@ -3,14 +3,14 @@
   <div class="container">
     {{ partial "content.html" . }}
 
-    <h3>Profiles</h3>
+    <h2>Profiles</h2>
 
     <div class="row">
       {{ 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">
-              <h1 class="display-3"><i class="{{ $e.icon }}"></i></h1>
+              <h3 class="display-3"><i class="{{ $e.icon }}"></i></h3>
             </a>
             <div class="card-body">
               <a href="{{ $e.link }}" class="colour-invert">
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index a774c1b..5efc901 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -293,6 +293,11 @@ a.no-color-change {
 .about-card {
   border: 1px solid $body-color;
   background-color: $body-bg;
+
+  h3 {
+    margin-bottom: 0;
+    margin-top: $card-spacer-x;
+  }
 }
 
 #scroll-top, #scroll-elevator {