From aadc1fe47b2c83f6ea23fd9748868ed67403f55d Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Sat, 14 Mar 2020 09:36:29 -0400
Subject: [PATCH] fix heading styles on AMP pages

---
 assets/sass/components/_content.scss |  2 +-
 layouts/_default/single.amp.html     | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/sass/components/_content.scss b/assets/sass/components/_content.scss
index 79512af4..d83d73e3 100644
--- a/assets/sass/components/_content.scss
+++ b/assets/sass/components/_content.scss
@@ -15,7 +15,7 @@ div#content {
   }
 
   h2 {
-    padding-bottom: 0.3em;
+    padding-bottom: 0.25em;
     border-bottom: 1px solid $color-kinda-light;
   }
 
diff --git a/layouts/_default/single.amp.html b/layouts/_default/single.amp.html
index 352337d8..6779b5bf 100644
--- a/layouts/_default/single.amp.html
+++ b/layouts/_default/single.amp.html
@@ -75,9 +75,10 @@
         color: #0e6dc2;
       }
       hr {
-        width: 60%;
-        margin: 0.75em auto;
-        border: 1px solid #dddddd;
+        margin: 1.25em auto;
+        height: 2px;
+        border: 0;
+        background-color: #d2d2d2;
       }
       strong {
         letter-spacing: 0.001em;
@@ -115,6 +116,10 @@
         font-size: 0.9em;
         color: #5e5e5e;
       }
+      h2 {
+        padding-bottom: 0.25em;
+        border-bottom: 1px solid #e3e3e3;
+      }
       header {
         width: 100%;
         background-color: #f9f9f9;