         )
       )
     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
+        )
       )
     ]
 

  displayName: 'AppNavigation'

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

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

    ]

  getViewChangeButtons: () ->
    getButton = (type) =>
      React.createElement FlatButton, {
        className: 'navigation-button text-navigation-button'
        onClick: @switchView
        'data-view': type
        label: type.charAt(0).toUpperCase() + type.substr(1).toLowerCase()
        disabled: type == @props.viewType
        linkButton: true
      }

    React.createElement("div", {key: "view-button"},
      getButton("day")
      getButton("week")
      getButton("month")
      getButton("year")
    )

  getAddEventButton: () ->
