make datatable responsive

app/assets/javascripts/application.js

@@ -13,6 +13,8 @@
 //= require jquery
 //= require jquery_ujs
 //= require dataTables/jquery.dataTables
+//= require dataTables/extras/dataTables.responsive
+//= require dataTables/jquery.dataTables
 //= require select2
 //= require turbolinks
 //= require_tree .

app/assets/stylesheets/application.css

@@ -11,6 +11,7 @@
  * file per style scope.
  *
  *= require_tree .
+ *= require dataTables/extras/dataTables.responsive
  *= require dataTables/jquery.dataTables
  *= require select2
  *= require_self

app/views/users/show.html.haml

@@ -1,5 +1,5 @@
 %h2= @user.name
-%table#transactions.display{data: { source: user_path(@user) }}
+%table#transactions.display.responsive.no-wrap{data: { source: user_path(@user) }}
   %thead
     %tr
       %th Amount
@@ -39,7 +39,8 @@
         { data: 'message', name: 'Message' },
         { data: 'peer',    name: 'Peer' },
         { data: 'time',    name: 'Time' }
-      ]
+      ],
+      autoWidth: false
     });
 
     var tds = $('.input-listen');