main.flex.column.light-bg
  .header.flex.middle.space-between
    .user.flex.middle(ng-class="{noAvatar: vm.handle && vm.hideUserInfo}")
      a(href="{{vm.generateProfileUrl(vm.handle)}}" target="_blank" ng-if="vm.handle && !vm.hideUserInfo")
        avatar(avatar-url="{{ vm.avatar }}")

      .titles.flex.column
        a(href="{{vm.generateProfileUrl(vm.handle)}}" target="_blank" ng-if="vm.handle && !vm.hideUserInfo")
          p.name {{ vm.handle }}

        label(ng-if="vm.handle && vm.hideUserInfo") {{vm.handle}}

        p.title(ng-if="vm.title") {{vm.title}}

    .icons.flex.middle
      a(href="{{ vm.downloadUrl }}" target="_blank" ng-if="vm.downloadAllowed")
        .icon.download

      button.clean(ng-click="vm.toggleComments()" ng-if="vm.commentsAllowed")
       .icon.bubble

  hr