From bd79a288261f02f2b252ab10a82c2e49edaefe24 Mon Sep 17 00:00:00 2001
From: Simone Basso <bassosimone@gmail.com>
Date: Thu, 21 Apr 2016 02:19:58 +0200
Subject: [PATCH] [ux] better tables especially on mobile

---
 static/partials/institution.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/static/partials/institution.html b/static/partials/institution.html
index e6ae1b8..6c21087 100644
--- a/static/partials/institution.html
+++ b/static/partials/institution.html
@@ -2,7 +2,7 @@
 
   <div ng-show="g.selected">
 
-    <div>
+    <div class="center">
       <div>
         <span class="policymaker_name">{{g.selected.title}}</span>
         ({{g.selected.policymaker_type}})
@@ -17,12 +17,12 @@
       <div>compliance: {{g.selected.percentage|number:2}}%</div>
     </div>
 
-    <table class="table">
+    <div class="table-responsive"><table
+            class="table table-stripped table-condensed">
       <tr>
         <th>#</th>
         <th>field</th>
         <th>value</th>
-        <th>is-compliant</th>
         <th>reason</th>
         <th>caveats</th>
         <th>guidelines</th>
@@ -36,7 +36,6 @@
         <td>{{entry.field_id}}</td>
         <td>{{entry.field}}</td>
         <td>{{entry.value}}</td>
-        <td>{{entry.is_compliant}}</td>
         <td>{{entry.reason}}</td>
         <td>{{entry.caveats}}</td>
 
@@ -54,7 +53,7 @@
         </td>
       </td>
       <tr>
-    </table>
+    </table></div>
 
   </div>
 </div>