Separate a new span for the title because angular-gettext-tools text scrapper is not smart enough.

res/app/menu/menu.css

@@ -48,13 +48,11 @@
   position: relative;
 }
 
-.stf-menu .stf-nav > li > a > span {
+.stf-menu .stf-nav > li > a > span.fa {
   display: inline-block;
   float: left;
   margin: 8px 8px 0 0;
   font-size: 28px;
-  /*width: 28px;*/
-  /*height: 28px;*/
 }
 
 .stf-menu .stf-nav > li > a > span.fa-mobile {

res/app/menu/menu.jade

@@ -5,13 +5,13 @@
       li(ng-cloak)
         a(ng-href='/#!/control/{{lastUsedDevice}}', ng-show='lastUsedDevice')
           span.fa.fa-mobile
-          | {{ !$root.basicMode ? "Control" : ''  | translate }}
+          span(ng-if='!$root.basicMode', translate) Control
         a(ng-href='/#!/devices', accesskey='1')
           span.fa.fa-sitemap
-          | {{ !$root.basicMode ? "Devices" : '' | translate }}
+          span(ng-if='!$root.basicMode', translate) Devices
         a(ng-href='/#!/settings')
           span.fa.fa-gears
-          | {{ !$root.basicMode ? "Settings" : '' | translate }}
+          span(ng-if='!$root.basicMode', translate) Settings
     ul.nav.stf-nav.stf-feedback.pull-right(ng-cloak, nav-menu='current').unselectable
       li.stf-nav-web-native-button(ng-if='!$root.basicMode && isControlRoute')
         .btn-group