Reduce line-height to tightly wrap <a> tags

Otherwise the <a> background on hover will peek out of <code> background

diff --git a/index.html b/index.html
index 28c720fa73e991d4997d33260b52bde9c7d8fc9d..c5a32d223b06319ea826c20d2b46235f37b7d948 100644 (file)
--- a/index.html
+++ b/index.html
@@ -41,12 +41,13 @@
     }
 
     a {
+      display: inline-block;
+      line-height: 1;
       color: var(--secondary);
       font-weight: 700;
       text-decoration: none;
       border-radius: 4px;
       transition: background-color 500ms;
-      transform: scaleY(0);
     }
 
     a:hover,