adding magic to buttons on framer [ci skip]

app/assets/javascripts/app/pages/framer.js

@@ -44,6 +44,7 @@ app.views.framerControls = app.views.Base.extend({
 
   saveFrame : function(){
     this.$('button').prop('disabled', 'disabled')
+    this.$('button').addClass('disabled')
     // this is gross hack to make this action work in the iframe version and not iframe version.
     var callback = {}
     var parentDoc = parent;

app/assets/templates/composer-controls.jst.hbs

 <div id='controls-wrapper'>
-  <button class="done btn-primary next">Next</button>
+  <button class="done btn btn-primary next">Next <i class="icon-arrow-right icon-white"></i></button>
   <div class="aspect-selector"/>
   <div class="service-selector"/>
 </div>
\ No newline at end of file

app/assets/templates/framer-controls.jst.hbs

 <div id='controls-wrapper'>
-  <button class="done btn-primary">done</button>
+  <button class="done btn btn-success">Post <i class='icon-white icon-ok-sign'></i></button>
   <div class='template-picker'></div>
 </div>
\ No newline at end of file