diff --git a/www/todo/main.js b/www/todo/main.js
index 059e9d9a3..5a0025dfa 100644
--- a/www/todo/main.js
+++ b/www/todo/main.js
@@ -31,6 +31,16 @@ define([
             APP.display();
         };
 
+        // TODO make this actually work, and scroll to bottom...
+        var scrollTo = function (t) {
+            var $list = $iframe.find('#tasksList');
+
+            $list.animate({
+                scrollTop: t,
+            });
+        };
+        scrollTo = scrollTo;
+
         var display = APP.display = function () {
             var $list = $iframe.find('#tasksList');
 
@@ -52,8 +62,8 @@ define([
                 }).appendTo($taskDiv).on('click', function() {
                     deleteTask(el);
                 });
-                    
             });
+            //scrollTo('300px');
         };
 
         var addTask = function () {
@@ -72,7 +82,7 @@ define([
         };
 
         var $formSubmit = $iframe.find('.cp-create-form button').on('click', addTask);
-        var $input = $iframe.find('#newTodoName').on('keypress', function (e) {
+        $iframe.find('#newTodoName').on('keypress', function (e) {
             switch (e.which) {
                 case 13:
                     $formSubmit.click();
@@ -85,6 +95,7 @@ define([
         var editTask = function () {
 
         };
+        editTask = editTask;
 
         display();
         Cryptpad.removeLoadingScreen();
diff --git a/www/todo/todo.less b/www/todo/todo.less
index ce35a0bdf..648ffe9e1 100644
--- a/www/todo/todo.less
+++ b/www/todo/todo.less
@@ -41,7 +41,8 @@ body {
 #tasksList {
     flex: 1;
     min-height: 0;
-    overflow-y: auto,
+    overflow-y: auto;
+    min-width: 40%;
 }
 
 .cp-create-form {