Remove fixed table on dashboard and improve input placeholders

assets/sass/_form.sass

@@ -1,4 +1,5 @@
 @import variables
+@import mixins
 
 form
   margin-bottom: 20px
@@ -20,6 +21,8 @@ input
     font-family: sans-serif
     margin-top: 10px
     +appearance
+    @include placeholder
+      color: color('lighter')
   &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus
     color: color('dark')
     border-color: rgba(82, 168, 236, 0.8)
@@ -63,11 +66,6 @@ select
 span.select2-container
   margin-top: 2px
 
-\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder
-  color: color('light')
-  opacity: 0.2
-  padding-top: 2px
-
 .form-actions
   padding-top: 20px
   clear: both

assets/sass/_mixins.sass

@@ -27,3 +27,13 @@
 
 @mixin grid_width($width)
   width: $width * 100%
+
+@mixin placeholder
+  &::-webkit-input-placeholder
+    @content
+  &:-moz-placeholder
+    @content
+  &::-moz-placeholder
+    @content
+  &:-ms-input-placeholder
+    @content

assets/sass/_variables.sass

@@ -2,7 +2,7 @@ $xs-device-width: 480px
 $sm-device-width: 768px
 $md-device-width: 1150px
 
-$colors: ('primary': #333, 'light': #999, 'dark': #000, 'medium': #555, 'error': #b94a48)
+$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48)
 $link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333)
 $background-colors: ('primary': #fbfbfb, 'light': #fcfcfc)