From 9b603a0e2ba84d19368f02a900a763368c06fb1c Mon Sep 17 00:00:00 2001
From: Michael Bradshaw <github@mjb.io>
Date: Thu, 4 Jun 2020 06:48:11 -0600
Subject: [PATCH] Make .highlight smaller to avoid splitting text

The headlines on the website are unnecessarily difficult to read due to the text being split in half by two different backgrounds with a hard border. This makes the highlight a little smaller and a little lower so it looks more like a thick underline.
---
 src/styles/app.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/app.scss b/src/styles/app.scss
index c75cc4bac..51f34f9e2 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -342,9 +342,9 @@ h3 {
 }
 
 .highlight {
-  height: 24px;
+  height: 12px;
   position: relative;
-  top: -24px;
+  top: -6px;
   left: -10px;
   width: 120%;
   max-width: 90vw;