From 04c4a32cd447101041806d870d889bfb411c9679 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Thu, 30 Jul 2020 13:18:20 -0700
Subject: [PATCH] chore: minor responsive style adjustments to main page title

---
 src/components/PageLayout/Header.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/PageLayout/Header.js b/src/components/PageLayout/Header.js
index 56beaaf31..bf5ae1a64 100644
--- a/src/components/PageLayout/Header.js
+++ b/src/components/PageLayout/Header.js
@@ -10,6 +10,7 @@ const Header = ({ title, children }) => (
       align-items: center;
       justify-content: space-between;
       border-bottom: 1px solid var(--divider-color);
+      padding-bottom: 1rem;
 
       @media screen and (max-width: 1080px) {
         flex-direction: column;
@@ -23,6 +24,14 @@ const Header = ({ title, children }) => (
         font-size: 2.5rem;
         font-weight: normal;
         margin-bottom: 0;
+        line-height: 1;
+
+        ${children &&
+        css`
+          @media screen and (max-width: 1080px) {
+            margin-bottom: 0.5rem;
+          }
+        `}
       `}
     >
       {title}