Review changes

app/assets/javascripts/abuse_reports.js.coffee

 class @AbuseReports
   MAX_MESSAGE_LENGTH = 300
-  MESSAGE_CELL_SELECTOR = 'table tbody tr td:nth-child(3)'
+  MESSAGE_CELL_SELECTOR = '.abuse-reports td:nth-child(3)'
 
   constructor: ->
     $(MESSAGE_CELL_SELECTOR).each @truncateLongMessage
-    $(document).on 'click', "#{MESSAGE_CELL_SELECTOR}", @toggleMessageTruncation
+    $(document)
+      .off 'click', MESSAGE_CELL_SELECTOR
+      .on 'click', MESSAGE_CELL_SELECTOR, @toggleMessageTruncation
 
   truncateLongMessage: ->
-    messageCellElement = $(this)
-    reportMessage = messageCellElement.text()
+    $messageCellElement = $(this)
+    reportMessage = $messageCellElement.text()
     if reportMessage.length > MAX_MESSAGE_LENGTH
-      messageCellElement.attr 'data-original-message', reportMessage
-      messageCellElement.attr 'data-message-truncated', 'true'
-      messageCellElement.text "#{reportMessage.substr 0, MAX_MESSAGE_LENGTH}..."
+      $messageCellElement.data 'original-message', reportMessage
+      $messageCellElement.data 'message-truncated', 'true'
+      $messageCellElement.text "#{reportMessage.substr 0, MAX_MESSAGE_LENGTH}..."
 
   toggleMessageTruncation: ->
-    messageCellElement = $(this)
-    originalMessage = messageCellElement.attr 'data-original-message'
+    $messageCellElement = $(this)
+    originalMessage = $messageCellElement.data 'original-message'
     return if not originalMessage
-    if messageCellElement.attr('data-message-truncated') is 'true'
-      messageCellElement.attr 'data-message-truncated', 'false'
-      messageCellElement.text originalMessage
+    if $messageCellElement.data('message-truncated') is 'true'
+      $messageCellElement.data 'message-truncated', 'false'
+      $messageCellElement.text originalMessage
     else
-      messageCellElement.attr 'data-message-truncated', 'true'
-      messageCellElement.text "#{originalMessage.substr 0, MAX_MESSAGE_LENGTH}..."
+      $messageCellElement.data 'message-truncated', 'true'
+      $messageCellElement.text "#{originalMessage.substr 0, MAX_MESSAGE_LENGTH}..."

app/assets/stylesheets/pages/admin.scss

@@ -100,10 +100,15 @@
 
 .abuse-reports {
   table-layout: fixed;
-  td {
-    vertical-align: top !important;
-    &.action-buttons a {
+  .action-buttons a {
     white-space: normal;
   }
+  @media (min-width: $screen-sm-min) {
+    th {
+      width: 15%;
+      &.wide {
+        width: 55%;
+      }
+    }
   }
 }