diff --git a/public/javascripts/app/pages/framer.js b/public/javascripts/app/pages/framer.js
index f220f2f1a..1aee8f318 100644
--- a/public/javascripts/app/pages/framer.js
+++ b/public/javascripts/app/pages/framer.js
@@ -1,6 +1,8 @@
app.pages.Framer = app.views.Base.extend({
templateName : "framer",
- className : "framer",
+
+ id : "post-content",
+
events : {
"click button.done" : "saveFrame"
},
diff --git a/public/javascripts/app/templates/framer.handlebars b/public/javascripts/app/templates/framer.handlebars
index 33bf918f6..ca3e884d3 100644
--- a/public/javascripts/app/templates/framer.handlebars
+++ b/public/javascripts/app/templates/framer.handlebars
@@ -1,6 +1,5 @@
-
-
+
-
+
\ No newline at end of file
diff --git a/public/javascripts/app/templates/template-picker.handlebars b/public/javascripts/app/templates/template-picker.handlebars
index 3f5a513a6..9617e86f2 100644
--- a/public/javascripts/app/templates/template-picker.handlebars
+++ b/public/javascripts/app/templates/template-picker.handlebars
@@ -2,6 +2,4 @@
{{#each templates}}
{{/each}}
-
-
-
+
\ No newline at end of file
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index 3592c3190..3c7c22d7d 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -226,6 +226,7 @@ $pane-width: 420px;
.photo-fill {
@include background-cover();
+ z-index : -5000; //so the framer controls don't get lost
position: absolute;
top: 0;
left: 0;
@@ -249,6 +250,7 @@ $pane-width: 420px;
}
.rich-media {
+ z-index : -5000; //so the framer controls don't get lost
position: absolute;
height: 100%;
width: 100%;
@@ -798,14 +800,8 @@ text-rendering: optimizelegibility;
width: 100%;
}
-.framer { //make this look way more glamourous, just providing structure.
- .template-picker {
+#post-content {
+ button {
position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- padding : 20px;
- background-color: #f0f0f0;
- border-top: 1px solid #ccc;
}
}