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%;