```coffeescript
DotLedger.module 'Views.Reports.IncomeAndExpenses', ->
  class @Filter extends Backbone.Marionette.ItemView
    template: 'reports/income_and_expenses/filter'

    className: 'nav nav-pills nav-justified'

    tagName: 'ul'

    events:
      'click .period a': 'clickPeriod'

    onRender: ->
      @$el.find(".period.period-#{@model.get('period')}-days").addClass('active')

    clickPeriod: (event)->
      @model.set('period', $(event.target).data('period'))
      false
```

Use small pills for the income and expenses report.
user
```coffeescript
DotLedger.module 'Views.Reports.IncomeAndExpenses', ->
  class @Filter extends Backbone.Marionette.ItemView
    template: 'reports/income_and_expenses/filter'

    className: 'nav nav-small nav-pills'

    tagName: 'ul'

    events:
      'click .period a': 'clickPeriod'

    onRender: ->
      @$el.find(".period.period-#{@model.get('period')}-days").addClass('active')

    clickPeriod: (event)->
      @model.set('period', $(event.target).data('period'))
      false
```
assistant