From f035423a11a1916e8362b62c161122e1a5c2d67b Mon Sep 17 00:00:00 2001
From: Public Keating <publickeating@me.com>
Date: Mon, 2 May 2011 22:12:51 -0600
Subject: [PATCH] Fixes for original tutorial to be properly styled in all
 browsers.  Tested in: Safari 5, Chrome 11, Internet Explorer 7, Internet
 Explorer 8 & Firefox 4.

---
 apps/todos/resources/stylesheets/todos.css | 30 ++++++++++------------
 apps/todos/todos.js                        |  4 +++
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/apps/todos/resources/stylesheets/todos.css b/apps/todos/resources/stylesheets/todos.css
index 84133e6..1da5c46 100644
--- a/apps/todos/resources/stylesheets/todos.css
+++ b/apps/todos/resources/stylesheets/todos.css
@@ -73,11 +73,11 @@ $border: 1px solid #bbb;
       color: #000;
       float: right;
       padding: 0 5px;
-    
+
       &:hover {
         @include linear-gradient(color-stops(#FFF 1%, #E2E2E2, #F7F7F7, #FCFCFC));
       }
-      
+
       &.is-active {
         @include linear-gradient(color-stops(#EFEFEF 1%, #D3D3D3, #E8E8E8, #EDEDED));
       }
@@ -117,33 +117,31 @@ $border: 1px solid #bbb;
     border-bottom: $border;
   }
 
-  label {
-    font-size: 15px;
-
-    input {
-      margin-top: 6px;
-      margin-right: 5px;
-      float: left;
-    }
-  }
-
   label.done-label {
-    margin-left: 6px;
     display: block;
-    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: 6px;
     font-weight: bold;
   }
 
-  input[type=checkbox] {
+  .checkbox {
     float: left;
-    margin-top: 5px;
+    margin-top: 2px;
     margin-right: 7px;
   }
 
+  .todo-content {
+    float: left;
+    height: 22px;
+    line-height: 22px;
+  }
+
   ul {
     margin-left: 6px;
+
     li {
       margin-bottom: 5px;
+      clear: left;
     }
 
     li.is-done {
diff --git a/apps/todos/todos.js b/apps/todos/todos.js
index afe9ee9..5bf5fb8 100644
--- a/apps/todos/todos.js
+++ b/apps/todos/todos.js
@@ -66,6 +66,8 @@ Todos.TodoListView = SC.TemplateCollectionView.extend({
 });
 
 Todos.CheckboxView = SC.TemplateView.extend(SC.CheckboxSupport, {
+  classNames: ['checkbox'],
+
   valueBinding: '.parentView.content.isDone'
 });
 
@@ -80,6 +82,8 @@ Todos.StatsView = SC.TemplateView.extend({
 });
 
 Todos.MarkAllDoneView = SC.TemplateView.extend(SC.CheckboxSupport, {
+  classNames: ['checkbox'],
+
   valueBinding: 'Todos.todoListController.allAreDone'
 });