 SocialMiscPanel = React.createClass(
   displayName: 'SocialMiscPanel'
   render: ->
-    dom.div {className: 'container'},
+    dom.div {className: ''},
       dom.ul null,
         dom.li null, "#{Intl.NumberFormat().format(@props.stats.socialChatTotalMessageLength)} characters written in chat"
         dom.li null, "#{@props.stats.socialMailsSent} mails sent"

    ]
    return data
  render: ->
    dom.div {className: 'container'},
      dom.h3 null, 'Mining'
        React.createElement(PieDataPanel,{data: @chartData()})
)

        chartElementType = ShipHPChart
        sortFn = (a, b) -> return HP_BAR_ORDER.indexOf(a.key) - HP_BAR_ORDER.indexOf(b.key)
    data = @deriveData(sortFn)
    dom.div {className: 'row'},
      dom.div {className: 'col-sm-4'},
        React.createElement(chartElementType, {data: data})
      dom.div {className: 'col-sm-6'},
        React.createElement(PieDataTable,{data: data, total: @total})
)

