CSS and bug fixes for todo

customize.dist/messages.js

@@ -151,10 +151,12 @@ define(req, function($, Default, Language) {
     messages._applyTranslation = function () {
         $('[data-localization]').each(translateText);
         $('[data-localization-append]').each(translateAppend);
-        $('#pad-iframe').contents().find('[data-localization]').each(translateText);
         $('[data-localization-title]').each(translateTitle);
         $('[data-localization-placeholder]').each(translatePlaceholder);
+        $('#pad-iframe').contents().find('[data-localization]').each(translateText);
+        $('#pad-iframe').contents().find('[data-localization-append]').each(translateAppend);
         $('#pad-iframe').contents().find('[data-localization-title]').each(translateTitle);
+        $('#pad-iframe').contents().find('[data-localization-placeholder]').each(translatePlaceholder);
     };
 
     messages.driveReadme = '["BODY",{"class":"cke_editable cke_editable_themed cke_contents_ltr cke_show_borders","contenteditable":"true","spellcheck":"false","style":"color: rgb(51, 51, 51);"},' +

www/todo/inner.html

@@ -11,7 +11,7 @@
     <div id="container">
         <div class="cp-create-form">
             <input type="text" id="newTodoName" data-localization-placeholder="todo_newTodoNamePlaceholder" />
-            <button class="btn btn-success" data-localization-title="todo_newTodoNameTitle">Add the task</button>
+            <button class="btn btn-success fa fa-plus" data-localization-title="todo_newTodoNameTitle"></button>
         </div>
         <div id="tasksList"></div>
     </div>

www/todo/main.js

@@ -58,7 +58,7 @@ define([
 
             return $('<span>', {
                 'class': 'cp-task-checkbox fa ' + checked,
-                //title: title,
+                title: title,
             }).on('click', function () {
                 entry.state = (entry.state + 1) % 2;
                 if (typeof(cb) === 'function') {
@@ -73,8 +73,8 @@ define([
             }).appendTo($list);
             $taskDiv.data('id', el);
 
-            var $box = makeCheckbox(el, function (state) {
-                display();
+            makeCheckbox(el, function (/*state*/) {
+                APP.display();
             })
             .appendTo($taskDiv);
 

www/todo/todo.less

@@ -62,6 +62,7 @@ body {
     }
 
     button {
+        cursor: pointer;
         border-radius: 0;
         background-color: darken(@toolbar-todo-bg, 20%);
         border:0;
@@ -110,4 +111,9 @@ body {
     .cp-task-checkbox-unchecked {
 
     }
+
+    button {
+        border-radius: 0;
+        border:0;
+    }
 }