Commit f9d2e012

@@ -1,9 +1,19 @@
-<div class="thumbnail">
-  <% if(hasImage()) { %>
-    <a href="#cakes/<%= id %>"><img src="<%= randomPhoto().thumb_url %>" /></a>
-  <% } %>
-  <div class="caption">
-    <h4><a href="#cakes/<%= id %>"><%= shrink(name) %></a></h4>
+<% if(hasImage()) { %>
+  <% photo = randomPhoto() %>
+  <a href="#cakes/<%= id %>" class="pull-left">
+    <img class="media-object" data-src="<%= photo.thumb_url %>" alt="64x64" style="width: 64px; height: 64px;" src="<%= photo.thumb_url %>">
+  </a>
+<% } %>
+  <div class="media-body">
+    <h4 class="media-heading"><%= name %></h4>
+    <%= story %>
+    <p>
+    <a href="#cakes/<%= id %>/edit">
+      <i class="icon-edit"> edit</i>
+    </a>
+    <a href="<%= Routes.creation_favorites_path(id) %>">
+      <i class="icon-heart"> fanclub </i>
+    </a>
     <span class="badge badge-warning"><i class="icon-comments"> <a href="/creations/<%= id %>#disqus_thread" data-disqus-identifier="c-<%= id %>"></a></i></span>
+    </p>
   </div>
-</div>

@@ -2,8 +2,8 @@ CakeSide.Views.Cakes ||= {}
 
 class CakeSide.Views.Cakes.CakeView extends Marionette.ItemView
   template: JST["backbone/templates/cakes/cake"]
-  tagName: 'li'
-  className: 'span2'
+  tagName: 'div'
+  className: 'media'
   templateHelpers:
     randomPhoto: ->
       @photos[Math.floor(Math.random()*@photos.length)]

@@ -4,5 +4,5 @@ CakeSide.Views.Cakes ||= {}
 class CakeSide.Views.Cakes.IndexView extends Marionette.CollectionView
   childView: CakeSide.Views.Cakes.CakeView
   emptyView: CakeSide.Views.Cakes.NoCakesView
-  className: 'thumbnails'
-  tagName: 'ul'
+  className: ''
+  tagName: 'div'