Removed extra scrollbars at medium width. Cleared floating for todo tab in medium width.

website/public/css/helpers.styl

@@ -61,3 +61,8 @@
 
   .pull-right-lg
     float: right
+
+// Making sure that the To-Dos tab always flow right on medium screens.
+@media (min-width: $sm-min-screen-width) and (max-width: $sm-max-screen-width)
+  .new-row-md
+    clear: left

website/public/css/tasks.styl

@@ -156,12 +156,6 @@ for $stage in $stages
   .task:hover
     cursor: auto
 
-// 50% width columns with scrollbars for tablets
-@media (min-width: $sm-min-screen-width) and (max-width: 970px)
-  .task-column
-    max-height: 18.6em
-    overflow-y: scroll
-
 // "Add new task" form
 // -----------------
 .task-add

website/public/css/variables/screen-size.styl

@@ -3,6 +3,7 @@
 
 $xs-max-screen-width = 767px
 $sm-min-screen-width = 768px
+$sm-max-screen-width = 991px
 $md-min-screen-width = 992px
 $lg-min-screen-width = 1200px
 

website/views/shared/tasks/index.jade

@@ -6,7 +6,7 @@ include ./task_view/mixins
 script(id='templates/habitrpg-tasks.html', type="text/ng-template")
   .tasks-lists.container-fluid
     .row
-      .col-md-3.col-sm-6(ng-repeat='list in lists', ng-class='::{"rewards-module": list.type==="reward"}')
+      .col-md-3.col-sm-6(ng-repeat='list in lists', ng-class='::{ "rewards-module": list.type==="reward", "new-row-md": list.type==="todo" }')
         .task-column(class='{{::list.type}}s')
 
           include ./task_view/graph
@@ -22,7 +22,7 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
           alert.alert-warning.dailiesRestingInInn(ng-if='list.type == "daily" && user.preferences.sleep && !$state.includes("options.social.challenges")')
             i.glyphicon.glyphicon-warning-sign  
             =env.t('dailiesRestingInInn')
-            
+
             button.btn-block.btn.btn-lg.btn-success(ng-click='User.user.ops.sleep({})')
               | {{env.t('innCheckOut')}}