```coffeescript
{$$, EditorView, View} = require 'atom'
marked = require 'marked'

module.exports =

class GitIssueView extends View
  @content: ->
    @div =>
      @h1 'GitHub Issues'
      @ul()
  constructor: (opt) ->
    super
    {@issues} = opt
    issueList = @issues
      .sort (a,b) -> +a.number - +b.number
      .map (issue) ->
        "##{issue.number}: #{issue.title}<div>#{marked issue.body}</div>"
    #@setText issueList.join "\n"
    issueList.forEach (issue) =>
      @find('ul').append("<li>#{issue}</li>")
  getTitle: -> 'GitHub Issues'
  getUri: -> 'github-issues://list'
```

Improve look of issues display
user
```coffeescript
{$$, EditorView, View} = require 'atom'
marked = require 'marked'
_ = require 'lodash'

module.exports =

class GitIssueView extends View
  @content: ->
    @section 'class':'padded pane-item', =>
      @h1 'class':'section-heading', 'GitHub Issues'
      @div 'data-element':'issue-list'
  constructor: (opt={}) ->
    super
    console.log opt
    {@issues} = opt
    issueList = @issues
      .sort (a,b) -> +a.number - +b.number
      .map (issue) ->
        "<h2 class=section-heading>##{issue.number}: #{issue.title}</h2><div>#{(marked issue.body) or ''}</div>"
    issueList.forEach (issue) =>
      @find('[data-element="issue-list"]').append("<div class=block>#{issue}</div>")

  getTitle: -> 'GitHub Issues'
  getUri: -> 'github-issues://list'
```
assistant