New selected item highlighting and transition

app/jsx/app/menu.jsx

@@ -7,7 +7,8 @@ var Menu = React.createClass({
                 <li key={'org-'+ org.login} className="nav org">
                     <ReactRouter.Link to="org"
                         params={{org: org.login}}
-                        query={this.getQuery()}>
+                        query={this.getQuery()}
+                        className="state-button">
                         {org.login}
                     </ReactRouter.Link>
                 </li>
@@ -18,7 +19,8 @@ var Menu = React.createClass({
                 <li key={'team-'+ team.name} className="nav team">
                     <ReactRouter.Link to="team"
                         params={{org: this.getParams().org, team: team.name}}
-                        query={this.getQuery()}>
+                        query={this.getQuery()}
+                        className="state-button">
                         {team.name}
                     </ReactRouter.Link>
                 </li>

app/jsx/charts/selector.jsx

@@ -8,7 +8,7 @@ var Selector = React.createClass({
     },
 
     renderItem: function(item, i) {
-        var itemClass = (item === this.props.value ? 'active' : ''),
+        var itemClass = (item === this.props.value ? 'active state-button' : 'state-button'),
             clickEvent = null;
         if (this.props.onChange) {
             clickEvent = this.props.onChange.bind(this, i);