From 857f51b6841c59288688b8268398aee7d991d0d9 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Thu, 23 Feb 2012 13:11:44 -0800
Subject: [PATCH] more moz fixes

---
 public/javascripts/app/pages/post-viewer.js   |  4 +-
 .../status-with-photo-backdrop.handlebars     |  8 ++--
 public/stylesheets/sass/new-templates.scss    | 38 +++++++++++++------
 3 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/public/javascripts/app/pages/post-viewer.js b/public/javascripts/app/pages/post-viewer.js
index dd6fe8d7a..28c32a741 100644
--- a/public/javascripts/app/pages/post-viewer.js
+++ b/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();
diff --git a/public/javascripts/app/templates/post-viewer/content/status-with-photo-backdrop.handlebars b/public/javascripts/app/templates/post-viewer/content/status-with-photo-backdrop.handlebars
index 5afce299c..935e215b0 100644
--- a/public/javascripts/app/templates/post-viewer/content/status-with-photo-backdrop.handlebars
+++ b/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}}
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index c92102f7f..a220473ca 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/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%;
+}