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({
+    name: 'Todo',
+    appFolder: 'js',
+    controllers: ['Tasks'],
+    launch: function() {
 
-    Ext.application({
-        name: 'Todo',
-        appFolder: 'js',
-        controllers: ['Tasks'],
-        launch: function() {
-            Ext.create('Ext.container.Container', {
-                renderTo: 'todo',
-                items: [{
-                    xtype: 'container',
-                    html: '<h1>Todos</h1>'
-                }, {
-                    xtype: 'taskField'
-                }, {
-                    xtype: 'taskList'
-                }, {
-                    xtype: 'taskToolbar'
-                }]
-            });
-        }
-    });
+        Ext.create('Ext.container.Container', {
+            renderTo: 'todo',
+            items: [{
+                xtype: 'container',
+                html: '<h1>Todos</h1>'
+            }, {
+                xtype: 'taskField'
+            }, {
+                xtype: 'taskList'
+            }, {
+                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'
     }]
 });