       problemFooter = @props.tags.map (tag, i) ->
         <Label key={i}><a href="#">{tag}</a></Label>
 
+    #TEMP
+    problemFooter = ""
+
 
     panelStyle = if @props.disabled then "default" else "info"
 
-    <Panel bsStyle={panelStyle} header={problemHeader} footer={problemFooter}>
+    <Panel bsStyle={panelStyle} header={problemHeader} footer={problemFooter} collapsible>
       <h4>Score: {@props.score}</h4>
     </Panel>
 

      return <h4>No problems have been loaded. Click <a href='#'>here</a> to get started.</h4>

    problemComponents = @props.problems.map ((problem, i) ->
      <Col xs={6} lg={4} key={i}>
        <Problem onProblemChange={@props.onProblemChange} {...problem}/>
      </Col>
    ).bind this

  render: ->
    glyph = <Glyphicon glyph="ok"/>

    <ListGroupItem onClick={@handleClick} className="classifier-item">
        {@props.name} {if @props.active then glyph} <div className="pull-right"><Badge>{@props.size}</Badge></div>
    </ListGroupItem>

