diff --git a/src/app/index.coffee b/src/app/index.coffee
index 5678c6eb2e..67557c416e 100644
--- a/src/app/index.coffee
+++ b/src/app/index.coffee
@@ -94,9 +94,12 @@ ready (model) ->
     # Make the list draggable using jQuery UI
     ul = $(".#{type}s ul")
     ul.sortable
-      handle: '.handle'
+      dropOnEmpty: false
+      cursor: "move"
+      items: "li"
+      opacity: 0.4
+      scroll: true
       axis: 'y'
-      # containment: ".#{type}s .dragbox"
       update: (e, ui) ->
         item = ui.item[0]
         domId = item.id
diff --git a/views/app/index.html b/views/app/index.html
index e1a5251b2a..30f590e845 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -42,19 +42,19 @@
         can't pass references as paramters.  so <app:taskList newModel={_newHabit} list={_habitList}> doesn't work
         and have to pass those in via {{{content}}} instead -->  
       
-      <div class="span3">
+      <div class="span3 habits">
         <h1>Habits</h1>
         <ul>{#each _habitList as :task}<app:task />{/}</ul>
         <app:newTask type=habit><input value={_newHabit} class="input-medium" type="text" /></app:newTask>
       </div>
       
-      <div class="span3">
+      <div class="span3 dailys">
         <h1>Dailies</h1>
         <ul>{#each _dailyList as :task}<app:task />{/}</ul>
         <app:newTask type=daily><input value={_newDaily} class="input-medium" type="text" /></app:newTask>
       </div>
 
-      <div class="span3">
+      <div class="span3 todos">
         <h1>Todos</h1>
         <div class="tabbable"> <!-- Only required for left/right tabs -->
           <ul class="nav nav-tabs">
@@ -73,7 +73,7 @@
         </div>
       </div>
 
-      <div class="span3">
+      <div class="span3 rewards">
         <h1>Rewards</h1>
         {gold(_user.money)} <img src='/img/coin_single_gold.png'/>  {silver(_user.money)} <img src='/img/coin_single_silver.png'/>
         <ul>{#each _rewardList as :task}<app:task />{/}</ul>