markdownify small frames, css for new profile.

app/assets/javascripts/app/views/small_frame.js

@@ -8,6 +8,12 @@ app.views.SmallFrame = app.views.Base.extend({
     "click .content" : "goToPost"
   },
 
+  presenter : function(){
+    //todo : we need to have something better for small frame text, probably using the headline() scenario.
+    return _.extend(this.defaultPresenter(),
+      {text : this.model && app.helpers.textFormatter(this.model.get("text"), this.model)})
+  },
+
   postRenderTemplate : function() {
     this.$el.addClass(this.photoClass() + ' ' + this.textClass())
   },

app/assets/stylesheets/new_styles/_canvas.scss

@@ -49,6 +49,12 @@ body {
       -webkit-transform : scale(0.98);
     }
 
+    //hax to deal with markdownify
+    p {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     position : relative;
 
     background-color : #fff;

app/assets/stylesheets/new_styles/_spinner.scss

@@ -4,6 +4,7 @@
   text-align: center;
   width: 100%;
   display: block;
+  clear: both;
 
   .loader {
     display: inline-block;

app/assets/templates/small-frame.jst.hbs

@@ -11,7 +11,7 @@
     {{/if}}
 
     <div class="text-content">
-        {{text}}
+        {{{text}}}
     </div>
 </div>
 <div class="info">