make composer not clip in both views [ci skip]

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

@@ -43,11 +43,13 @@ app.views.framerControls = app.views.Base.extend({
   },
 
   saveFrame : function(){
+    //how do we make this work for the not
     var parentDoc = parent;
     this.model.save({}, {success : function(){ parentDoc.closeIFrame() }})
   }
 });
 
+//crazy hack for model publisher.
 function closeIFrame(){
   location.reload()
 };

app/assets/stylesheets/new_styles/_base.scss

@@ -355,6 +355,9 @@ div[data-template=flow] {
 .post-form {
   display : table-cell;
   vertical-align : middle;
+  .container{
+    margin: 0 50px;
+  }
 }
 
 .flow-controls {
@@ -371,6 +374,7 @@ div[data-template=flow] {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
 
+
   .controls {
     margin: 0 auto;
     max-width: 960px;
@@ -380,6 +384,9 @@ div[data-template=flow] {
     button {
       float : right;
     }
+    #controls-wrapper {
+      margin: 0 9%;
+    }
   }
 
   .aspect-selector {

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

@@ -1,3 +1,5 @@
-<button class="done btn-primary next">Next</button>
-<div class="aspect-selector"/>
-<div class="service-selector"/>
+<div id='controls-wrapper'>
+  <button class="done btn-primary next">Next</button>
+  <div class="aspect-selector"/>
+  <div class="service-selector"/>
+</div>

app/assets/templates/profile.jst.hbs

@@ -14,7 +14,7 @@
 <section id="profile-info"/>
 
 <div id="composer" style="display:none;">
-    <iframe src="/posts/new" height=600 width=900 style="border:none;"></iframe>
+    <iframe src="/posts/new" height=400 width=700 style="border:none;"></iframe>
 </div>
 
 <section id="profile-controls">