From 1e144aaa661adb0dd11a93139ff92194434ffa78 Mon Sep 17 00:00:00 2001
From: Robert Lord <robert@lord.io>
Date: Thu, 12 Jun 2014 01:39:37 -0700
Subject: [PATCH] Update nav button to go to very edge of screen

---
 source/stylesheets/screen.css.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index aa46e82..3f7459b 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -194,9 +194,10 @@ html, body {
 #nav-button {
   display: none;
   position: fixed;
-  top: $main-padding / 2 - 8px;
-  left: $main-padding / 2 - 8px;
-  padding: 0 1.5em 5em 0; // increase touch area size
+  top: 0;
+  left: 0;
+  $side-pad: $main-padding / 2 - 8px;
+  padding: $side-pad 1.5em 5em $side-pad; // increase touch area size
   z-index: 100;
   color: #000;
   text-decoration: none;
@@ -208,8 +209,8 @@ html, body {
   }
   span {
     position: absolute;
-    top: 30px;
-    left: -0.4em;
+    top: 35px;
+    left: 1px;
     line-height: 1;
     @include transform(rotate(-90deg));
   }
@@ -217,7 +218,7 @@ html, body {
   @include transition(left ease-in-out 0.3s);
 
   &:hover { opacity: 1; }
-  &.open {left: $main-padding / 2 - 8px + $nav-width}
+  &.open {left: $nav-width}
 }