color tweaks, fixed settings header cutting of action buttons isssue, updated monospace font list

src/styles/main/_forms.sass

@@ -6,20 +6,21 @@ input[type=email], input[type=password], input[type=text]
     border-radius: 5px
     padding: 5px
     margin: 10px 5px 0 0
-    font: 15px monospace
+    font: 15px $monoType
     display: inline-block
-    background: color.adjust($primary, $lightness: -50%)
+    background: color.adjust($primary, $lightness: -20%)
     color: $white
 
 textarea
     border: 0
     border-radius: 3px
     color: $white
-    font: 15px monospace
+    font: 15px $monoType
+    ackground: color.adjust($primary, $lightness: -20%)
 
 button, input[type=submit]
     background: $highlight
-    color: color.adjust($primary, $lightness: -30%)
+    color: color.adjust($primary, $lightness: -20%)
     font: 14px $baseType
     border-radius: 5px
     position: relative
@@ -27,10 +28,10 @@ button, input[type=submit]
     border: 0
     padding: 5px 5px 0 5px
     @include object_transitions(.3s)
-    font: 15px monospace
+    font: 15px $monoType
 
 select
-    font: 14px monospace
+    font: 14px $monoType
     border: 1px solid $secondary
     -webkit-appearance: none
     -moz-appearance: none
@@ -38,21 +39,21 @@ select
     color: $primary
 
 ::-webkit-input-placeholder
-    font: 14px monospace
+    font: 14px $monoType
     color: color.adjust($primary, $lightness: 50%)
 
 :-moz-placeholder
     /* Firefox 18- */
-    font: 14px monospace
+    font: 14px $monoType
     color: color.adjust($primary, $lightness: 50%)
 
 ::-moz-placeholder
     /* Firefox 19+ */
-    font: 14px monospace
+    font: 14px $monoType
     color: color.adjust($primary, $lightness: 50%)
 
 :-ms-input-placeholder
-    font: 14px monospace
+    font: 14px $monoType
     color: color.adjust($primary, $lightness: 50%)
 
 

src/styles/main/_settings.sass

@@ -78,7 +78,7 @@
                 visibility: hidden
                 display: none
             .backup-meta
-                background: color.adjust($primary, $lightness: -60%)
+                background: color.adjust($primary, $lightness: -20%)
                 color: $white
                 padding: 8px
                 border-radius: 3px
@@ -118,7 +118,7 @@
                     margin: 0 5px 10px 0
 
             textarea
-                background: color.adjust($primary, $lightness: -60%)
+                background: color.adjust($primary, $lightness: -20%)
                 width: 95%
                 height: 155px
                 color: $secondary

src/styles/main/_structure.sass

@@ -92,6 +92,7 @@ svg.icons
           width: 50%
           display: inline-block
           vertical-align: top
+          min-height: 60px
 
           #the-logo
             width: 40px

src/styles/main/_typography.sass

@@ -1,5 +1,5 @@
 $baseType: Helvetica, Arial, sans-serif
-$monoType: monospace, courier
+$monoType: "Lucida Console", Monaco, monospace
 
 h1, h2, h3
     color: $white