<div class="crm-wizard">
<ul class="crm-wizard-nav wizard-bar">
<li ng-repeat="step in steps" ng-class="{'current-step':step.selected}" class="{{crmUiWizardNavClass}}">
- <span>{{crmUiWizardCtrl.iconFor($index)}}</span>
+ <i class="{{crmUiWizardCtrl.iconFor($index)}}"></i>
<a href="" ng-click="crmUiWizardCtrl.select(step)" ng-show="crmUiWizardCtrl.isSelectable(step)">{{1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}</a>
<span ng-show="!crmUiWizardCtrl.isSelectable(step)">{{1 + $index}}. {{step.$parent.$eval(step.crmTitle)}}</span>
<!-- Don't know a good way to localize text like "1. Title" -->