From 4fa9a01c732e4eff0e26c599215282f94c009b11 Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Wed, 9 Sep 2015 20:54:16 +0200
Subject: [PATCH] add column breakpoints

---
 app/views/users/show.html.haml | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/views/users/show.html.haml b/app/views/users/show.html.haml
index c153e1f..877c2de 100644
--- a/app/views/users/show.html.haml
+++ b/app/views/users/show.html.haml
@@ -1,4 +1,5 @@
 %h2= @user.name
+
 %table#transactions.display.responsive.no-wrap{data: { source: user_path(@user) }}
   %thead
     %tr
@@ -7,6 +8,8 @@
       %th Peer
       %th Issuer
       %th Message
+  %tbody
+  %tfoot
     %tr
       %td.bound.input-listen{ 'data-input-type': 'date-range' }
         %input.lower-bound{type: 'date', placeholder: 'after'}
@@ -22,7 +25,6 @@
         %input{type: 'text', placeholder: 'Filter on Peer'}
       %td.input-listen{ 'data-input-type': 'text' }
         %input{type: 'text', placeholder: 'Filter on Message'}
-  %tbody
 
 :javascript
   $(document).ready(function() {
@@ -34,12 +36,13 @@
       ajax: $('#transactions').data('source'),
       pagingType: 'full_numbers',
       autoWidth: false,
+      responsive: true,
       columns: [
-        { data: 'time',    name: 'Time' },
-        { data: 'amount',  name: 'Amount' },
-        { data: 'peer',    name: 'Peer' },
-        { data: 'issuer',  name: 'Issuer' },
-        { data: 'message', name: 'Message' },
+        { data: 'time',    name: 'Time',    className: 'min-tablet-l'},
+        { data: 'amount',  name: 'Amount',  className: 'min-mobile'},
+        { data: 'peer',    name: 'Peer',    className: 'min-mobile'},
+        { data: 'issuer',  name: 'Issuer',  className: 'min-desktop'},
+        { data: 'message', name: 'Message', className: 'min-tablet-p'},
       ]
     });