From cbf485244378ce52160df1a0746eabdbf0981983 Mon Sep 17 00:00:00 2001
From: Bradley Sepos <bradley@bradleysepos.com>
Date: Mon, 9 Mar 2020 02:28:36 -0400
Subject: [PATCH] templates: Tighten up header and heading vertical spacing.

---
 templates/mark1/assets/css/style.css | 38 +++++++++++++---------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/templates/mark1/assets/css/style.css b/templates/mark1/assets/css/style.css
index 762efd0d..d0c76029 100644
--- a/templates/mark1/assets/css/style.css
+++ b/templates/mark1/assets/css/style.css
@@ -111,12 +111,12 @@ article.docs header .super .title {
 }
 
 article.docs header + * {
-    margin-top: 9.875rem; /* 6.75rem + header .super height */
+    margin-top: 7.875rem; /* 4.75rem + header .super height */
 }
 
 article.docs nav {
     margin: 0 auto;
-    padding: .9375rem .9375rem 2.8125rem;
+    padding: .9375rem .9375rem 2.75rem;
     width: 90%;
     height: 3.75rem;
     font-size: .6875rem;
@@ -581,7 +581,12 @@ article.docs .footnotes + footer {
 
 /* Wider than 350 */
 @media (min-width: 350px) {
+    article.docs header + * {
+        margin-top: 8.125rem; /* 5rem + header .super height */
+    }
+
     article.docs nav {
+        padding-bottom: 3rem;
         font-size: .75rem;
     }
 }
@@ -638,11 +643,11 @@ article.docs .footnotes + footer {
     }
 
     article.docs header + * {
-        margin-top: 11.25rem; /* 7.5rem + header .super height */
+        margin-top: 9.5rem; /* 5.75rem + header .super height */
     }
 
     article.docs nav {
-        padding: 1.25rem 3.125rem 2.8125rem;
+        padding: 1.25rem 3.125rem 2.5rem;
         width: 580px;
         height: 4.6875rem;
     }
@@ -709,11 +714,11 @@ article.docs .footnotes + footer {
     }
 
     article.docs header + * {
-        margin-top: 12.5rem; /* 8.75rem + header .super height */
+        margin-top: 12.5rem; /* 7rem + header .super height */
     }
 
     article.docs nav {
-        padding: 1.875rem 6.25rem 3.75rem;
+        padding: 1.875rem 6.25rem 2.5rem;
         width: 680px;
     }
 
@@ -764,6 +769,7 @@ article.docs .footnotes + footer {
     }
 
     article.docs nav {
+        padding-bottom: 4.25rem;
         width: 760px;
         font-size: .9rem;
     }
@@ -798,7 +804,7 @@ article.docs .footnotes + footer {
     }
 
     article.docs header + * {
-        margin-top: 15.5rem; /* 10.5rem + header .super height */
+        margin-top: 13.75rem; /* 8.75rem + header .super height */
     }
 
     article.docs h1 {
@@ -873,10 +879,6 @@ article.docs .footnotes + footer {
 
 /* Shorter than 550 */
 @media (max-height: 549px) {
-    article.docs header + * {
-        margin-top: 10rem; /* 6.25rem + header .super height */
-    }
-
     article.docs figure img {
         max-height: 300px;
     }
@@ -894,23 +896,15 @@ article.docs .footnotes + footer {
     }
 
     article.docs header + * {
-        /* margin-top: 8.75rem; /* 5rem + header .super height */
         margin-top: 5.25rem; /* 2.5rem + header .super height */
     }
 
     article.docs nav {
-        padding: .625rem .9375rem 1.5625rem;
-        /*
-        height: 3.125rem;
-        */
+        padding: .625rem .9375rem 1.5rem;
         height: 2rem;
     }
 
     article.docs nav .breadcrumbs {
-        /*
-        margin-top: .5em;
-        font-size: .625rem;
-        */
         display: none;
     }
 
@@ -921,6 +915,10 @@ article.docs .footnotes + footer {
 
 /* Shorter than 350 */
 @media (max-height: 349px) {
+    article.docs nav {
+        padding: .625rem .9375rem 1.25rem;
+    }
+
     article.docs figure img {
         max-height: 160px;
     }