<div class="flex flex--nowrap flex--verticalCenter mg-b-1">
  <div class="flex__item flex__item--noShrink">
    <img class="mg-r-1 square-2" src="{{avatarUrl}}" alt="{{user.display_name}}">
  </div>
  <div class="flex__item flex__item--grow ellipsis mg-r-1">{{format-display-name user.name user.display_name true}}</div>
  <div class="flex__item flex__item--noShrink">
    {{#if isError}}
      {{i18n 'Something went wrong'}}
    {{else if (or isModerator user.isModerator) }}
      {{#common/button-element isHollow=true size='small' onClick=(action removeModerator user)}}
        <span>{{i18n 'Remove'}}</span>
      {{/common/button-element}}
    {{else}}
      {{#common/button-element isHollow=true size='small' onClick=(action addModerator user)}}
        <span>{{i18n 'Add'}}</span>
      {{/common/button-element}}
    {{/if}}
  </div>
</div>
