new icon on navigation bar

public/views/includes/menu-item.html

@@ -1,7 +1,7 @@
 <a ng-click="index.setTab(item, false, 0, true)" 
    ng-style="{'color': index.tab == item.link ? index.backgroundColor : '#A5B2BF'}" 
    id="menu-{{item.link}}">
-    <i class="size-18 {{item.icon}} db"></i>
+    <i class="size-18 {{item.icon[index.tab == item.link]}} db"></i>
     <span class="size-10 tu">
         {{ item.title|translate }}
         <span class="label round" 

src/css/icons.css

@@ -24,6 +24,15 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
+.icon-activity-active:before {
+    content: "\e904";
+}
+.icon-receive-active:before {
+    content: "\e905";
+}
+.icon-send-active:before {
+    content: "\e906";
+}
 .icon-wallet:before {
 	content: "\e903";
 }

src/css/mobile.css

@@ -279,10 +279,6 @@ ul.copayer-list img {
   display: block;
 }
 
-.bottombar-item a.active span, .bottombar-item a.active i {
-  font-weight: bold;
-}
-
 .bottombar-item a.active .label {
   text-shadow: none;
 }

src/js/controllers/index.js

@@ -21,15 +21,15 @@ angular.module('copayApp.controllers').controller('indexController', function($r
 
   self.menu = [{
     'title': gettext('Receive'),
-    'icon': 'icon-receive',
+    'icon': {false:'icon-receive', true: 'icon-receive-active'},
     'link': 'receive'
   }, {
     'title': gettext('Activity'),
-    'icon': 'icon-activity',
+    'icon': {false:'icon-activity',true: 'icon-activity-active'},
     'link': 'walletHome'
   }, {
     'title': gettext('Send'),
-    'icon': 'icon-send',
+    'icon': {false:'icon-send', true: 'icon-send-active'},
     'link': 'send'
   }];