 
     onAddClicked: ->
         return if @$('.btn.add').hasClass 'disabled'
-        @addButton.html '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
-        @addButton.spin 'small'
+        spinner = '<img src="img/spinner.svg" alt="spinner" />'
+        @$addButton.empty()
+        @$addButton.append spinner
+
         errors = @model.validate @model.attributes
         if errors
-            @addButton.html @getButtonText()
-            @addButton.children().show()
-
-            @addButton.spin()
+            @$addButton.html @getButtonText()
+
             @$('.alert').remove()
             @$('input').css 'border-color', ''
             @handleError err for err in errors

                error: ->
                    alert 'server error occured'
                complete: =>
                    @addButton.spin false
                    @addButton.html @getButtonText()
                    @addButton.children().show()
                    @popover.selfclose(false)

    handleError: (error) ->

            @onSetStart()
            @onSetEnd()

            @$addButton.click()
        else
            @$addButton.removeClass 'disabled'


    toggleAllDay: ->
