harbor/static/ng/resources/js/components/project-member/add-project-member.directive.html

<div class="well panel-group">
  <div class="row">
    <div class="col-xs-10 col-md-10">
      <form>  
        <div class="form-group">               
          <input type="text" class="form-control" id="addUsername" placeholder="Username" ng-model="vm.username">
        </div>
      </form>
      <form class="form-inline clearfix">
        <div class="form-group">
          <label for="roleIdList">Role:</label>&nbsp;&nbsp;
          <span ng-repeat="role in vm.roles">
            <input type="radio" name="role" ng-model="vm.optRole" value="//role.id//">&nbsp;//role.name//&nbsp;&nbsp;
          </span>
        </div>
      </form>
    </div>
    <div class="col-xs-2 col-md-2"> 
      <form>                        
        <div class="form-group" style="margin-top: 20%;">               
          <button type="button" class="btn btn-default" id="btnCancel" ng-click="vm.cancel()">Cancel</button>
          <button type="button" class="btn btn-primary" id="btnSave" ng-click="vm.save()">Save</button>     
        </div>
      </form>
    </div>
  </div>
</div>