                       @div class: 'list-item deprecation-message', =>
                         @raw marked(deprecation.message)
 
-                      @div class: 'btn-toolbar', =>
-                        if url = self.createSelectorIssueUrl(packageName, deprecation, sourcePath)
-                          @a class: 'issue-url', href: url, "Create Issue on #{packageName} repo"
+                      if url = self.createSelectorIssueUrl(packageName, deprecation, sourcePath)
+                        @div class: 'btn-toolbar', =>
+                          @button class: 'btn issue-url', 'data-issue-url': url, "Report Issue"

                  @div class: 'list-item deprecation-message', =>
                    @raw marked(deprecation.getMessage())

                  @div class: 'btn-toolbar', =>
                    if packageName and url = self.createIssueUrl(packageName, deprecation, stack)
                      @a class: 'issue-url', href: url, "Create Issue on #{packageName} repo"

                  @div class: 'stack-trace', =>
                    for {functionName, location, fileName} in stack

      atom.open(pathsToOpen: [pathToOpen])

    @on 'click', '.issue-url', ->
      openExternally = (urlToOpen=@dataset.issueUrl) =>
        require('shell').openExternal(urlToOpen)

      if process.platform is 'win32'
        $.ajax 'http://git.io',
          type: 'POST'
          data: url: @dataset.issueUrl
          success: (data, status, xhr) ->
            openExternally(xhr.getResponseHeader('Location'))
          error: ->
            openExternally()
      else
        openExternally()

      false

