fix top menu active item styles

assets/scripts/app/templates/layouts/top.hbs

@@ -3,10 +3,10 @@
 </a>
 
 <ul id="navigation">
-  <li {{bindAttr class="view.classHome"}}>
+  <li class="home">
     <a {{action showRoot href=true}}>Home</a>
   </li>
-  <li {{bindAttr class="view.classStats"}}>
+  <li class="stats">
     <a {{action showStats href=true}}>Stats</a>
   </li>
   <li>

assets/styles/top.sass

@@ -22,12 +22,6 @@
 
   li
     display: inline-block
-
-    &.active
-      background-color: $color-bg-link-top
-      a
-        color: $color-link-top-highlight
-
     a, span
       display: block
       padding: 0 15px
@@ -73,6 +67,7 @@
       z-index: 300
       top: 40px
       width: 100%
+      min-width: 145px
       background-color: $color-bg-dropdown
       @include border-bottom-radius(6px)
       @include single-box-shadow(rgba(black, 0.3), 2px, 2px, 10px)
@@ -90,3 +85,10 @@
         &:hover
           background-color: $color-bg-dropdown-highlight
 
+#home #navigation .home,
+#stats #navigation .stats,
+#profile #navigation .profile
+  background-color: $color-bg-link-top
+  a
+    color: $color-link-top-highlight
+

public/version

@@ -1 +1 @@
-7db0e854
+74ad7e53