Make hit areas bigger on nav

Bigger click areas make them quicker to hit, as per Fitt’s law: https://en.wikipedia.org/wiki/Fitts%27s_law
2026-07-23 09:29:14 -04:00 · 2017-08-07 11:43:43 +01:00
parent dc356b6c7c
commit db98af7ec3
1 changed files with 6 additions and 1 deletions
--- a/app/assets/stylesheets/components/navigation.scss
+++ b/app/assets/stylesheets/components/navigation.scss
@@ -38,12 +38,17 @@

  li {
    @include core-19;
-    margin: 10px 0 0 0;
+    margin: 0;
    list-style-type: none;
  }

  a {

+    display: block;
+    padding: 5px 0;
+    position: relative;
+    top: 5px;
+
    &:link,
    &:visited {
      text-decoration: none;