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,31 +4,33 @@
 
 #item-details-body
   if item
-    #item-container
+    .nano
-      img.item-img(src=item.getPortraitURL())
+      .nano-content
-      img.item-shadow(src=item.getPortraitURL())
+        #item-container
-    
+          img.item-img(src=item.getPortraitURL())
-    img.hr(src="/images/pages/play/modal/hr.png")
+          img.item-shadow(src=item.getPortraitURL())
-  
-    for stat in stats
-      div.stat-row.big-font
-        div.stat-label= stat.name
-        div.stat= stat.display
-      img.hr(src="/images/pages/play/modal/hr.png" class=stat.isLast ? "" : "faded")
 
-    if props.length
+        img.hr(src="/images/pages/play/modal/hr.png")
-      #skills
-        h3.big-font(data-i18n="play.skills-granted")
-        for prop in props
-          p
-            strong.big-font= prop.name
-            span.spr :
-            span!= prop.description
 
-     if item.comingSoon
+        for stat in stats
-       .text-center
+          div.stat-row.big-font
-         h3 This item has no stats.
+            div.stat-label= stat.name
-         p Only admins will see it for now.
+            div.stat= stat.display
+          img.hr(src="/images/pages/play/modal/hr.png" class=stat.isLast ? "" : "faded")
+
+        if props.length
+          #skills
+            h3.big-font(data-i18n="play.skills-granted")
+            for prop in props
+              p
+                strong.big-font= prop.name
+                span.spr :
+                span!= prop.description
+
+         if item.comingSoon
+           .text-center
+             h3 This item has no stats.
+             p Only admins will see it for now.
 
 if item && !item.owned
   button#selected-item-unlock-button.btn.big-font.unlock-button(disabled=!item.affordable, data-item-id=item.id, data-i18n="play.unlock") Unlock

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