```coffeescript
Wheelmap.StatusFilterButtonComponent = Wheelmap.WheelchairPopoverComponent.extend
  tagName: 'button'
  classNameBindings: [':btn', 'isActive:active', ':btn-info', 'wheelchair']
  wheelchair: null
  activeFilters: null
  template: Ember.Handlebars.compile('<span></span>')

  popoverOptions:
    trigger: 'hover'
    placement: () ->
      if window.innerWidth <= 767 then 'top' else 'bottom'
    delay: { show: 400 }
    container: '#toolbar .status-filter' # Need for not having little spaces between status buttons

  isActive: (()->
    @get('activeFilters').contains(@get('wheelchair'))
  ).property('wheelchair', 'activeFilters.@each')

  click: ()->
    @sendAction('didClick', @get('wheelchair'))

Ember.Handlebars.helper('status-filter-button', Wheelmap.StatusFilterButtonComponent)```

Add first draft for better presentation of info popups in responsive toolbar.
user
```coffeescript
Wheelmap.StatusFilterButtonComponent = Wheelmap.WheelchairPopoverComponent.extend
  tagName: 'button'
  classNameBindings: [':btn', 'isActive:active', ':btn-info', 'wheelchair']
  wheelchair: null
  activeFilters: null
  template: Ember.Handlebars.compile('<span></span>')

  popoverOptions:
    trigger: 'hover'
    placement: () ->
      if window.innerWidth <= 767 then 'top' else 'bottom'
    delay: { show: 400 }
    container: '#toolbar .status-filter' # Need for not having little spaces between status buttons

  isActive: (()->
    @get('activeFilters').contains(@get('wheelchair'))
  ).property('wheelchair', 'activeFilters.@each')

  click: (event)->
    event.preventDefault();

    @sendAction('didClick', @get('wheelchair'))

Ember.Handlebars.helper('status-filter-button', Wheelmap.StatusFilterButtonComponent)```
assistant