 
 class ComponentNode extends TreemaObjectNode
   valueClass: 'treema-component'
-  addButtonTemplate: '<span class="glyphicon-plus glyphicon add-button" style="float: right; display: none"></span>'
+  addButtonTemplate: '<span class="glyphicon-plus glyphicon add-button" style="float: right;"></span>'
   collection: false
 
   build: ->
     super()
     @$el.find('> .treema-row').append @addButtonTemplate
-    @$el.find('.add-button').click =>
+    addButton = @$el.find('.add-button')
+    addButton.hide()
+    addButton.click =>
       @callbacks.enter?(@)
     @$el
 


  onEnterPressed: (args...) ->
    super(args...)
    @callbacks.enter?(@)

  onMouseEnter: (e) ->
    @$el.find('.add-button').show()
    super()

  onMouseLeave: (e) ->
    @$el.find('.add-button').hide()
    super()
  onAddComponentDoubleClicked: (e, treema) =>
    @onAddComponentEnterPressed treema

  onAddComponentMouseEnter: (e, treema) ->
    treema.$el.find('.add-button').show()

  onAddComponentMouseLeave: (e, treema) ->
    treema.$el.find('.add-button').hide()
    return

  reportChanges: ->
    @callback?($.extend(true, [], @extantComponentsTreema.data))

