harbor/static/ng/resources/js/components/details/add-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">
        </div>
      </form>
      <form class="form-inline clearfix">
        <div class="form-group">
          <label for="roleIdList">Role:</label>&nbsp;&nbsp;
          <input type="radio" name="roleId" value="1">&nbsp;Project Admin&nbsp;&nbsp;
          <input type="radio" name="roleId" value="2">&nbsp;Developer&nbsp;&nbsp;
          <input type="radio" name="roleId" value="3">&nbsp;Guest
        </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">Cancel</button>
          <button type="button" class="btn btn-primary" id="btnSave">Save</button>     
        </div>
      </form>
    </div>
  </div>
</div>