From 2b80931202c92c77bdc2a831cee75e0ec72e90f8 Mon Sep 17 00:00:00 2001
From: Jan Jorgensen <jandjorgensen@gmail.com>
Date: Tue, 10 Jan 2017 12:03:21 -0700
Subject: [PATCH] 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   | 4 ++--
 website/views/shared/tasks/index.jade | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/client-old/css/helpers.styl b/website/client-old/css/helpers.styl
index c295f7430e..7c7ea78863 100644
--- a/website/client-old/css/helpers.styl
+++ b/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
diff --git a/website/views/shared/tasks/index.jade b/website/views/shared/tasks/index.jade
index 3a1ba2f728..495e5e26a9 100644
--- a/website/views/shared/tasks/index.jade
+++ b/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