extends ../layout

block content
  div.news-item
    include ../partials/joinsite

    .page-header
        h3
            a(href=item.html_url)= item.title
        = 'submitted '
        span.timeago(title="#{item.created_at}")= timeago(item.created_at)
        = ' by '
        a(href='/news/user/' + item.user.login, class='user')= item.user.login
        h4
          div(class="item-summary")!= item.body
    include ../partials/postcomment

    each comment, index in comments
      div.comment
        a(href='/news/user/' + comment.user.login)= comment.user.login
        span.timeago(title="#{comment.created_at}")= timeago(comment.created_at)
        blockquote.content
            != comment.body
            button.btn.btn-primary(data-toggle='modal', data-target='##{index}modal', style= 'float: right;') View MD Source
            div(style= 'clear:both;')
        div(id= index + 'modal', tabindex= "-1", role= "dialog").modal.fade
          div.modal-dialog
            div.modal-content
              div.modal-header
                button.close(data-dismiss= "modal")
                  span(aria-hidden= "true", st) &times;
                h4.modal-title
                  Comment MD Source
              div.modal-body
                textarea(readonly, style="width: 100%; height: 300px;")
                  #{comment.mdBody}

extends ../layout

block content
  div.news-item
    include ../partials/joinsite

    .page-header
        h3
            a(href=item.html_url)= item.title
        = 'submitted '
        span.timeago(title="#{item.created_at}")= timeago(item.created_at)
        = ' by '
        a(href='/news/user/' + item.user.login, class='user')= item.user.login
        h4
          div(class="item-summary")!= item.body
    include ../partials/postcomment

    each comment, index in comments
      div.comment
        a(href='/news/user/' + comment.user.login)= comment.user.login
        span.timeago(title="#{comment.created_at}")= timeago(comment.created_at)
        blockquote.content
            != comment.body
            button.btn.btn-link.btn-xs(data-toggle='modal', data-target='##{index}modal', style= 'float: right;') View MD Source
            div(style= 'clear:both;')
        div(id= index + 'modal', tabindex= "-1", role= "dialog").modal.fade
          div.modal-dialog
            div.modal-content
              div.modal-header
                button.close(data-dismiss= "modal")
                  span(aria-hidden= "true", st) &times;
                h4.modal-title
                  Comment MD Source
              div.modal-body
                textarea(readonly, style="width: 100%; height: 300px;")
                  #{comment.mdBody}

Make ”View MD Source” buttons less conspicuous
Make ”View MD Source” buttons less conspicuous

They are rarely-used and relatively unimportant, so they shouldn’t look that eye-catching or take up so much screen real estate.