various fix

todo-example/extjs/css/style.css

@@ -39,6 +39,7 @@ h1 {
 
 input[type="text"] {
     padding: 6px;
+    width: 466px !important;
     margin: 0 auto;
     font-size: 24px;
     border: 1px solid #999999;

todo-example/extjs/js/app.js

-Ext.onReady(function() {
+Ext.Loader.setConfig({enabled:true});
 
-    Ext.Loader.setConfig({enabled:true});
-
-    Ext.application({
+Ext.application({
     name: 'Todo',
     appFolder: 'js',
     controllers: ['Tasks'],
     launch: function() {
+
         Ext.create('Ext.container.Container', {
             renderTo: 'todo',
             items: [{
@@ -20,7 +19,6 @@ Ext.onReady(function() {
                 xtype: 'taskToolbar'
             }]
         });
-        }
-    });
 
+    }
 });

todo-example/extjs/js/store/Tasks.js

@@ -2,8 +2,4 @@ Ext.define('Todo.store.Tasks', {
     autoLoad: true,
     model: 'Todo.model.Task',
     extend: 'Ext.data.Store'
-    // data: [
-    //     {label: 'task one', checked: false},
-    //     {label: 'task two', checked: true}
-    // ]
 });

todo-example/extjs/js/view/TaskField.js

 Ext.define('Todo.view.TaskField' , {
-    width: 466,
     enableKeyEvents: true,
     alias : 'widget.taskField',
     extend: 'Ext.form.TextField',

todo-example/extjs/js/view/TaskToolbar.js

@@ -6,7 +6,6 @@ Ext.define('Todo.view.TaskToolbar' , {
         xtype: 'button',
         text: 'Clear completed'
     }, {
-        xtype: 'container',
-        html: '1 item left.'
+        xtype: 'container'
     }]
 });