disable framer button when you click it the first time.

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

@@ -43,9 +43,16 @@ app.views.framerControls = app.views.Base.extend({
   },
 
   saveFrame : function(){
-    //how do we make this work for the not
+    this.$('button').prop('disabled', 'disabled')
+    // this is gross hack to make this action work in the iframe version and not iframe version.
+    var callback = {}
     var parentDoc = parent;
-    this.model.save({}, {success : function(){ parentDoc.closeIFrame() }})
+
+    if(parentDoc.location.pathname != '/framer'){
+      callback = {success : function(){ parentDoc.closeIFrame() }}
+    }
+
+    this.model.save({}, callback)
   }
 });
 

app/assets/stylesheets/new_styles/_base.scss

@@ -426,10 +426,11 @@ div[data-template=flow] {
 
   a.mood {
     @include border-radius();
-    margin-right: 20px;
-    padding: 5px;
+    margin-right: 11px;
+    padding: 7px;
     color: #999;
-    font-size: 20px;
+    font-size: 14px;
+    line-height: 2em;
 
     &#selected_mood {
       background-color: #222;

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

@@ -2,4 +2,4 @@
   <button class="done btn-primary next">Next</button>
   <div class="aspect-selector"/>
   <div class="service-selector"/>
-</div>
+</div>
\ No newline at end of file

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

-<button class="done btn-primary">done</button>
-<div class='template-picker'></div>
+<div id='controls-wrapper'>
+  <button class="done btn-primary">done</button>
+  <div class='template-picker'></div>
+</div>
\ No newline at end of file