talbe layout

app/assets/stylesheets/habits.css.scss

@@ -6,4 +6,4 @@
 .iffy { background-color:rgb(246, 178, 107); }
 .ok { background-color:rgb(255, 217, 102); }
 .good { background-color:rgb(147, 196, 125); }
-.done { background-color:rgb(201, 218, 248); }
+.done { background-color:rgb(201, 218, 248); }

app/views/habits/index.html.erb

@@ -1,24 +1,27 @@
-<!-- <%= javascript_tag do %>
-  $("#habits").bind("ajax:complete", function(et, e){
-    $("#products-list").html(e.responseText); // insert content
-  });
-<% end %> -->
-
-<h2>Habits</h2>
-
-<ul id="habits">
-<% @habits.each do |habit| %>
-  <li><%= render :partial => "habit", :locals => { :habit => habit } %></li>
-<% end %>
-</ul>
-
-<h2>ToDos</h2>
-<ul id="todos">
-<% @todos.each do |habit| %>
-  <li><%= render :partial => "habit", :locals => { :habit => habit } %></li>
-<% end %>
-</ul>
-
-<br />
 
 <%= link_to 'New Habit', new_habit_path %>
+
+<table>
+  <tr><td>
+  <div id="habits">
+    <h2>Habits</h2>
+    <ul>
+    <% @habits.each do |habit| %>
+      <li><%= render :partial => "habit", :locals => { :habit => habit } %></li>
+    <% end %>
+    </ul>
+  </div>
+  </td>
+  
+  <td>
+  <div id="daily">
+    <h2>Daily</h2>
+    <ul>
+    <% @todos.each do |habit| %>
+      <li><%= render :partial => "habit", :locals => { :habit => habit } %></li>
+    <% end %>
+    </ul>
+  </div>
+  </td></tr>
+  
+</table>