I am currently editing my login page and I found that my bootstrap icon is not align as username.It supposed to be center but now it is slightly up in the username box field. how to edit to be center.

Secondly, how to set if the first time reload to the page, the icon not displayed until I start to type username.

```
    <h3 class="form-title">Login to your account</h3>
                    <div class="alert alert-danger display-hide">
                      <button class="close" data-close="alert"></button>
                    </div>
                        <div class="form-group has-feedback" ng-class="loginForm.username.$valid ? 'has-success' : 'has-error';">
                            <label class="control-label" for="username">Username</label>
                            <input type="text" class="form-control" id="username" name="username"
                                   ng-model="input.username" required>
                            <span class="glyphicon form-control-feedback"
                                  ng-class="loginForm.username.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span>
                        </div>

```

[my login page](http://i.stack.imgur.com/5S6B3.png)