Update nav button to go to very edge of screen

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}
 }