         )
       )
     allButtons = allButtons.concat [
-      React.createElement("div", {key: "ls-buttons", className: "nav-buttons-left-side"}
-        left_side
-      )
-      React.createElement("div", {key: "rs-buttons", className: "nav-buttons-right-side"},
-        right_side
+      React.createElement("div", {key: "left-right-wrapper", className: "well well-sm"},
+        React.createElement("div", {key: "ls-buttons", className: "nav-buttons-left-side"}
+          left_side
+        )
+        React.createElement("div", {key: "rs-buttons", className: "nav-buttons-right-side"},
+          right_side
+        )
       )
     ]
 

    ]

  getViewChangeButtons: () ->
    href = 'javascript:void(0)'
    c = (type) =>
      r = 'navigation-button text-navigation-button btn btn-default'
      if type == @props.viewType
        r += ' disabled'
      return r

    React.createElement("div", {key: "view-button", className: "btn-group"},
      React.createElement("a",
        {href, className: c('day'), onClick: @switchView, 'data-view': 'day'},
        React.createElement("span", {'data-view': 'day'}, "Day")
      )
      React.createElement("a",
        {href, className: c('week'), onClick: @switchView, 'data-view': 'week'},
        React.createElement("span", {'data-view': 'week'}, "Week")
      )
      React.createElement("a",
        {href, className: c('month'), onClick: @switchView, 'data-view': 'month'},
        React.createElement("span", {'data-view': 'month'}, "Month")
      )
      React.createElement("a",
        {href, className: c('year'), onClick: @switchView, 'data-view': 'year'},
        React.createElement("span", {'data-view': 'year'}, "Year")
      )
    )

  getAddEventButton: () ->

  displayName: 'AppNavigation'

  switchView: (e) ->
    @props.switchView $(e.target.parentElement).data('view')

  goToPast: (e) ->
    @props.changeTimeRange true
