making it nicer to be in chat if someone decides to post spammy crap or huge images

public/css/game-pane.styl

@@ -19,12 +19,37 @@
     padding-bottom:15px
     border-bottom 1px solid #ddd
     word-wrap:break-word
+    position:relative
 
     &.highlight
       background #EEE
       
     label
         margin-right:5px
+    
+    .float-label
+      float:left
+      position:absolute
+      top:17px;
+    
+    .hidden-label
+      visibility:hidden
+      
+    .scrollable-message
+      max-height:75px
+      overflow-y:auto
+    
+    .expander
+      float: right
+      position: absolute
+      bottom: 18px
+      right: 20px
+      background: white
+      max-width: 20px
+      max-height: 20px
+      width: 100%
+      height: 100%
+      text-align: center
 
   .own-message
     border-left: 4px solid #333
@@ -34,6 +59,10 @@
   
     p:first-child
       display:inline
+      
+    img
+      max-height:50px
+      vertical-align:top
 
 // Name tags
 .label-contributor-1, .label-contributor-2

views/options/social/chat-message.jade

@@ -1,10 +1,13 @@
 li(bindonce='group.chat', ng-repeat='message in group.chat', bo-class='{highlight: isUserMentioned(user,message), "own-message": user._id == message.uuid}')
-  a.label.chat-message(class='label-contributor-{{message.contributor.level}}', bo-class='{"label-npc": message.backer.npc}', ng-click='clickMember(message.uuid, true)')
-    span(tooltip='{{contribText(message.contributor, message.backer)}}') {{message.user}} 
-  |  
-  markdown(ng-model='message.text')
-  |  - 
-  span.muted.time(from-now='message.timestamp')
-  a(bo-show='user.contributor.admin || message.uuid == user.id', ng-click='deleteChatMessage(group, message)')
-    | 
-    i.icon-remove(tooltip='Delete')
+  div(class='scrollable-message')
+    a.label.chat-message(class='hidden-label')
+      span {{message.user}} 
+    |  
+    markdown(ng-model='message.text')
+    |  - 
+    span.muted.time(from-now='message.timestamp')
+    a(bo-show='user.contributor.admin || message.uuid == user.id', ng-click='deleteChatMessage(group, message)')
+      | 
+      i.icon-remove(tooltip='Delete')
+  a.label.chat-message(class='float-label label-contributor-{{message.contributor.level}}', bo-class='{"label-npc": message.backer.npc}', ng-click='clickMember(message.uuid, true)')
+      span(tooltip='{{contribText(message.contributor, message.backer)}}') {{message.user}}