From 277a9d179ca32f437328ac745c541c4a871e6ad1 Mon Sep 17 00:00:00 2001
From: Chris Dill <chris.rj.dill@gmail.com>
Date: Mon, 8 Mar 2021 15:59:53 +0000
Subject: [PATCH] Move padding directly to links and add color transition - Add
 more space for the links making it easier to click. - Add spacing between
 text and underline which looks nicer. - Add 0.1s linear transition to all
 link colors.

---
 static/css/global.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/css/global.css b/static/css/global.css
index 993d212..3458668 100755
--- a/static/css/global.css
+++ b/static/css/global.css
@@ -44,6 +44,8 @@ hr {
 /* Navigation */
 header {
   background-color: var(--background-color);
+  padding-top: 4px;
+  padding-bottom: 4px;
 }
 
 nav {
@@ -58,13 +60,14 @@ nav {
 nav li {
   font-size: 1rem;
   font-weight: bold;
-  padding: 3px 10px;
   text-align: center;
 }
 
 /* Link effects */
 nav li a {
   text-decoration: none;
+  padding: 4px 8px;
+  transition: color 0.1s linear;
 }
 
 nav li a:hover {
@@ -74,6 +77,7 @@ nav li a:hover {
 
 a {
   color: var(--link-color);
+  transition: color 0.1s linear;
 }
 
 a:hover {