Fix navbar hover zone to fill entire button area

Move padding and min-height from li to the a element so the hover highlight covers the full clickable/tappable area.

Commit
991af3abe80bb54399bbafafc1f3bebd54ecaa3b
Author
Marius Peter <dev@marius-peter.com>
Author date
Committer
Marius Peter <dev@marius-peter.com>
Committer date
lib/static/styles.css
index 6cd1aeb6..2f327a74 100644..100644
@@ -83,17 +83,18 @@
83 83 }
84 84
85 85 nav#top ul li {
86 Removed: padding: 0.5em 0;
87 86 border-radius: 0.25rem;
88 Removed: min-height: 44px;
89 Removed: display: flex;
90 Removed: align-items: center;
91 87 }
92 88
93 89 nav#top ul li a {
90 Added: display: flex;
91 Added: align-items: center;
94 92 color: white;
95 93 text-decoration: none;
96 94 padding: 0.5em 1em;
95 Added: min-height: 44px;
96 Added: border-radius: 0.25rem;
97 Added: box-sizing: border-box;
97 98 }
98 99
99 100 nav#top ul li a:hover {