Add some top menu logic

app/assets/javascripts/user/app/views/application_view.js.coffee

@@ -0,0 +1,15 @@
+App.ApplicationView = Ember.View.extend
+  didInsertElement: ->
+    $('.main-section').css 'min-height', ($(window).height() - $('.tab-bar:first').outerHeight())
+
+    $('.toggle-side-menu,.side-menu').click ->
+      menu = $('aside.side-menu')
+      toggle = $('.toggle-side-menu')
+      if menu.is(':visible')
+        menu.animate left: -255, -> $(@).hide()
+        toggle.animate left: 0, -> $(@).removeClass('open')
+      else
+        menu.show().animate left: 0
+        toggle.animate left: 222 - 30, -> $(@).addClass('open')
+
+    $(document).foundation()

app/assets/javascripts/user/app/views/menu_item_list_needs_help_view.js.coffee

@@ -1,7 +1,7 @@
 App.MenuItemListNeedsHelpView = Ember.View.extend Ember.ViewTargetActionSupport,
   action: 'listNeedsHelp'
   templateName: "menu_item_list_needs_help"
-  classNames: 'menu-list-item'
+  classNames: 'menu-list-item callout'
   classNameBindings: ['controller.list.needs_help:active']
   click: ->
     if @get('controller.list.needs_help')

app/assets/javascripts/user/app/views/menu_item_list_needs_payment_view.js.coffee

@@ -1,7 +1,7 @@
 App.MenuItemListNeedsPaymentView = Ember.View.extend Ember.ViewTargetActionSupport,
   action: 'listNeedsPayment'
   templateName: "menu_item_list_needs_payment"
-  classNames: 'menu-list-item'
+  classNames: 'menu-list-item callout'
   classNameBindings: ['controller.list.needs_payment:active']
   click: ->
     if @get('controller.list.needs_payment')