feat(navigation): currently hovered item will now be shown better

closes #72

package.json

@@ -115,7 +115,7 @@
     "angular": "^1.4.6",
     "angular-animate": "^1.4.6",
     "angular-aria": "^1.4.6",
-    "angular-material": "^0.11.1",
+    "angular-material": "^0.11.4",
     "angular-material-data-table": "^0.8.11",
     "angular-material-icons": "^0.6.0",
     "angular-ui-router": "^0.2.15",

src/jade/index.jade

@@ -20,7 +20,7 @@ html(ng-app='openchallenge', ng-controller="rootController")
     md-toolbar(layout="row", ng-controller="navController", ng-include="'navbar'")
 
     div(layout="row", flex)
-      md-sidenav.md-sidenav-left.md-whiteframe-z2(
+      md-sidenav.md-sidenav-left.md-whiteframe-z2.navigation(
         layout="column",
         ng-if="sidebar.hasSidebar",
         md-is-locked-open="$mdMedia('gt-sm')",

src/scss/site.scss

@@ -57,6 +57,15 @@ station {
   height: 100%;
 }
 
+.navigation md-list-item .md-no-style {
+
+  transition: none!important;
+
+  &:hover {
+    background-color: #e0e0e0!important;
+  }
+}
+
 .header-bar {
   @include all-heights(54px);
 
@@ -258,13 +267,13 @@ station {
   }
 }
 
-input.hide-spinner[type="number"]::-webkit-outer-spin-button,
-input.hide-spinner[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
 input.hide-spinner[type="number"] {
   -moz-appearance: textfield;
+
+  &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 }
 
 .player-bucket-list-container {