From db98af7ec3d00b101289863342d6c0363177fe73 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 7 Aug 2017 11:43:43 +0100
Subject: [PATCH] Make hit areas bigger on nav
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bigger click areas make them quicker to hit, as per Fitt’s law:
https://en.wikipedia.org/wiki/Fitts%27s_law
---
 app/assets/stylesheets/components/navigation.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/navigation.scss b/app/assets/stylesheets/components/navigation.scss
index 0119b5de3..8eafd8c49 100644
--- 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;