Menu hover.

app/styles/app.sass

@@ -49,17 +49,28 @@ html
 // -------------------------------------------------
 // New menu
 .menu-button
-  width: 40px//60px
-  height: 40px//60px
+
+  $hover_color: lighten($standard_secondary_color, 10%)
+
+  width: 36px//60px
+  height: 36px//60px
   outline: none
   position: fixed
   margin: 5px
-  padding: 8px 9px 9px 9px //14px 15px 15px 15px
+  padding: 0px //8px 9px 9px 9px //14px 15px 15px 15px
   z-index: 999996
   border: 2px solid $standard_secondary_color
   border-radius: 50%
+  box-sizing: content-box
   background: none //rgba(255,255,255,0.5)
 
+  &:hover, &:focus
+    border: 3px solid $hover_color
+    margin: 4px
+    i
+      color: $hover_color
+
+    //@include transition(all 0.1s ease)
   i
     font-size: 21px //30px 
     color: $standard_secondary_color
@@ -791,7 +802,6 @@ ul.vc-controls li,
   $flex-box-border-color: $light-gray
   $flex-box-border: 1px solid $flex-box-border-color
   $flex-box-background: lighten($light-gray, 10%)
-  $flex-box-gutter: 0.4em
   $flex-box-width: 18em
   $flex-box-color: transparentize($base-font-color, 0.3)
   $flex-box-top-colors: tomato, #72BFBF, #92B1E3, #E3D743, #CCC, #F6C05C
@@ -811,7 +821,7 @@ ul.vc-controls li,
     background: $flex-box-background
     border-radius: $base-border-radius
     box-shadow: inset 0 0 1px $flex-box-border-color, 0 2px 4px darken($base-background-color, 10%)
-    margin: $flex-box-gutter
+    margin: 5px
     padding: 2em 2em 3em 2em
 
     @for $i from 1 to 7