From 3125ad8f72cb73841880d3489f92a9eac77b6739 Mon Sep 17 00:00:00 2001
From: Robert Lord <robert@lord.io>
Date: Thu, 12 Jun 2014 01:48:53 -0700
Subject: [PATCH] Add extra margin to nav touch targets on mobile

---
 source/stylesheets/screen.css.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 3f7459b..5f87ed2 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -55,8 +55,13 @@ html, body {
   font-size: 13px;
   font-weight: bold;
 
+  // language selector for mobile devices
   .lang-selector {
-    display: none; // only on mobile
+    display: none;
+    a {
+      padding-top: 0.5em;
+      padding-bottom: 0.5em;
+    }
   }
 
   // This is the logo at the top of the ToC
@@ -556,6 +561,11 @@ html, body {
   #nav-button {
     display: block;
   }
+
+  .tocify-wrapper .tocify-item > a {
+    padding-top: 0.3em;
+    padding-bottom: 0.3em;
+  }
 }
 
 @media (max-width: $phone-width) {