refactor(bs3): re-enable two columns views for tablets

public/css/tasks.styl

@@ -39,10 +39,15 @@ for $stage in $stages
 // ===================
 
 .tasks-lists
-  .col-md-3 
-    padding-left: 10px // Override Bootstrap 15px padding
-    padding-right: 10px // Override Bootstrap 15px padding
-    margin-bottom: 15px
+  
+  .row
+    margin-left: -5px
+    margin-right: -5px
+
+    .col-md-3 
+      padding-left: 10px // Override Bootstrap 15px padding
+      padding-right: 10px // Override Bootstrap 15px padding
+      margin-bottom: 15px
 
 // main columns
 // ------------
@@ -56,6 +61,11 @@ for $stage in $stages
     margin: 0 0 0.5em
     padding: 0
 
+// 50% width columns with scrollbars
+@media (max-width: 960px) 
+  .task-column
+    max-height: 18.6em
+    overflow-y: scroll
 
 // add new task form
 // -----------------

views/shared/tasks/lists.jade

@@ -4,7 +4,7 @@
 script(id='templates/habitrpg-tasks.html', type="text/ng-template")
   .tasks-lists.container-fluid
     .row
-      .col-md-3(bindonce='lists', ng-repeat='list in lists', bo-class='{"rewards-module": list.type==="reward"}')
+      .col-md-3.col-sm-6(bindonce='lists', ng-repeat='list in lists', bo-class='{"rewards-module": list.type==="reward"}')
         .task-column(class='{{list.type}}s')
 
           // Todos export/graph options