Messed around with some of the new modals' scroll bars.

app/styles/game-menu/game-menu-modal.sass

@@ -61,6 +61,6 @@
     left: 219px
     top: 21px
     width: 571px
-    height: 518px
+    height: 514px
     padding: 50px
-    overflow: scroll
+    overflow-y: scroll

app/styles/play/modal/play-items-modal.sass

@@ -260,9 +260,8 @@
     left: 860px
     top: 126px
     width: 330px
-    height: 453px
+    height: 449px
     //background: rgba(100,100,100,0.5)
-    overflow: scroll
 
     #item-container
       height: 163px

app/templates/play/modal/item-details-view.jade

@@ -4,6 +4,8 @@
 
 #item-details-body
   if item
+    .nano
+      .nano-content
         #item-container
           img.item-img(src=item.getPortraitURL())
           img.item-shadow(src=item.getPortraitURL())

app/views/game-menu/GameMenuModal.coffee

@@ -51,6 +51,7 @@ module.exports = class GameMenuModal extends ModalView
     firstView.$el.addClass 'active'
     firstView.onShown?()
     Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'game-menu-open', volume: 1
+    @$el.find('.nano:visible').nanoScroller()
 
   onTabShown: (e) ->
     Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'game-menu-tab-switch', volume: 1

app/views/play/modal/PlayItemsModal.coffee

@@ -192,6 +192,7 @@ class ItemDetailsView extends CocoView
         propertyNames: props.join(',')
       }})
       @listenToOnce docs, 'sync', @onDocsLoaded
+      @$el.find('.nano:visible').nanoScroller()
 
   onDocsLoaded: (levelComponents) ->
     for component in levelComponents.models