more moz fixes

public/javascripts/app/pages/post-viewer.js

@@ -56,8 +56,8 @@ app.pages.PostViewer = app.views.Base.extend({
   },
 
   commentAnywhere : function(evt) {
-    /* ignore enter and space bar */
-    if(evt.keyCode == 13 || evt.keyCode == 32) { return }
+    /* ignore enter, space bar, arrow keys */
+    if(_.include([13, 32, 37, 38, 39, 40], evt.keyCode)) { return }
 
     this.interactionsView.invokePane();
     $('#new-post-comment textarea').focus();

public/javascripts/app/templates/post-viewer/content/status-with-photo-backdrop.handlebars

@@ -1,9 +1,11 @@
 {{#each photos}}
   <div class="photo-fill" style="background-image: url({{sizes.large}})">
     <div class="darken">
-      <h1>
-        {{{../text}}}
-      </h1>
+      <div class="darken-content">
+        <h1>
+          {{{../text}}}
+        </h1>
+      </div>
     </div>
   </div>
 {{/each}}

public/stylesheets/sass/new-templates.scss

@@ -136,6 +136,8 @@ $light-grey: #999;
 .note-content {
   width: 550px;
   padding-bottom: 50px;
+  display: inline-block;
+  text-align: left;
 
   p {
     font-size: 20px;
@@ -164,31 +166,37 @@ $light-grey: #999;
 }
 
 .darken {
-  @include center();
-
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0,0,0,0.5);
+
+  display: table;
+
+  .darken-content {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+
+    height: 100%;
+    width: 100%;
+  }
 }
 
 .post {
-  @include center();
-
-  position: absolute;
-
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  height: 100%;
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
 }
 
 .photo-fill {
   @include background-cover();
+
   position: absolute;
+  top: 0;
+  left: 0;
   height: 100%;
   width: 100%;
 }
@@ -527,3 +535,11 @@ $light-grey: #999;
     }
   }
 }
+
+#post-content {
+  display: table;
+
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}