Fix home column style on medium screen widths fixes #8372 (#8387)

* handle medium screen width on home columns

* rename new-row helper used on home screen for todo column flow

website/client-old/css/helpers.styl

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

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-sm-3(ng-repeat='list in lists', ng-class='::{ "rewards-module": list.type==="reward", "new-row-md": list.type==="todo" }')
+      .col-sm-6.col-md-3(ng-repeat='list in lists', ng-class='::{ "rewards-module": list.type==="reward", "new-row-sm": list.type==="todo" }')
         .task-column(class='{{::list.type}}s')
 
           include ./task_view/graph