Fixed Email, Save on Mn Sdcard (B2G), Increased font size, Color Picker closed by clicking outside

Shared/css/main.less

@@ -9,6 +9,7 @@ html, body {
   overflow: hidden;
   width: 100%;
   height: 100%;
+  position: absolute;
 }
 
 *::-moz-focus-inner {
@@ -180,25 +181,22 @@ header {
   }
 }
 
-
 #menu {
-  width: 15rem;
+  width: 15.4rem;
   height: 100%;
   display: block;
   background: #262626;
   position: absolute;
-  left: -15rem;
+  left: -15.4rem;
   top: 5rem;
   color: white;
-  font-family: 'MozTT-Light';
-  font-size: 8pt;
-  transition: left 0.2s ease-out;
+  transition: left 0.3s ease-out;
   border-collapse: collapse;
-  overflow-y: auto;
+  overflow: hidden;
 
   &.pulled {
     left: 0;
-    transition: left 0.2s ease-out;
+    transition: left 0.3s ease-out;
   }
 
   button[id^='set'], p, .bottom button {
@@ -208,8 +206,8 @@ header {
     color: white;
     text-align: left;
     margin: 1rem 2.5rem;
-    font-family: 'MozTT-Light';
-    font-size: 8pt;
+    font-family: 'MozTT-Light' !important;
+    font-size: 9pt;
     padding: 0 0.6rem;
     cursor: pointer;
   }
@@ -219,6 +217,7 @@ header {
   span {
     float: right;
     font-size: 7pt;
+    padding-top: 0.3rem;
   }
   div[role='slider'] {
     width: 60%;
@@ -243,6 +242,7 @@ header {
   *[class^='icon'] {
     display: block;
     margin: 1rem 0.5rem;
+    font-family: 'MozTT-Regular' !important;
     
     &:nth-of-type(2) {
       padding-top: 0.5rem;
@@ -275,6 +275,7 @@ header {
     display: table-row;
     vertical-align: top;
     margin-top: 1rem;
+    width: 100%;
   }
   .bottom {
     width: 100%;

Shared/js/events.js

@@ -1,6 +1,5 @@
 "use strict";
 
-$(window).resize(sizeAndPos);
 $(document).ready(function() {
   $('.menu').on('click tap', function() {
     $('#menu').toggleClass('pulled');
@@ -10,7 +9,7 @@ $(document).ready(function() {
   })
   $('.load').on('click tap', function() {
     $('#load').removeClass('hidden');
-    $('#load li').remove();
+    $('#load li, #load p').remove();
     var list = JSON.parse(localStorage.getItem('projects'));
     if( !list || list.length < 1 ) {
       $('#load ol').append(
@@ -29,16 +28,10 @@ $(document).ready(function() {
       $(this).attr('aria-selected', 'true');
     })
     $('#pro').on('click tap', function() {
-      $('#save ol:nth-of-type(2) li').each(function() {
-        if( $(this).find('span').html() !== 'Transparent' ) {
-          $(this).addClass('hidden');
-          $(this).removeAttr('aria-selected');
-        }
-        else $(this).attr('aria-selected', 'true');
-      })
+      $('#save ol:nth-of-type(2)').addClass('hidden');
     })
     $('#exp').on('click tap', function() {
-      $('#save ol:nth-of-type(2) li').removeClass('hidden');
+      $('#save ol:nth-of-type(2)').removeClass('hidden');
     })
   })
   $('#pro').on('click tap', function() {
@@ -112,6 +105,14 @@ $(document).ready(function() {
       points: window.points.slice(0)
     })
     window.points.history.last = window.points.history.length-1;
+  }).on('longTap', function(e) {
+    if( settings.type == 'line' ) {
+      e.preventDefault();
+      window.active = false;
+      points[points.length-1].type = '';
+      points[points.length-1].start = undefined;
+      finishLine();
+    }
   })
   
   // Value Selector
@@ -181,6 +182,12 @@ $(document).ready(function() {
       return $(this).on('click tap', function() {
         $('.picker').removeClass('hidden');
         $('.picker').attr('data-caller', target);
+        setTimeout(function() {
+          $('body').on('click tap', 'canvas, #menu, header', function() {
+            $('.picker').addClass('hidden');
+            $('body').off('click tap');
+          })
+        }, 500);
       })
     }
     $(this).on('click tap', function(e) {
@@ -229,6 +236,7 @@ $(document).ready(function() {
   
   $('.close, .tour button').on('click tap', function() {
     $(this).parent().addClass('hidden');
+    $('body').off('click tap');
   })
 
   // Bottom