From 657fa2725f1a32edd5b631bb944c362b1d15400d Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Tue, 11 Oct 2016 13:55:23 +0900
Subject: [PATCH] Adjust hourglass vertical alignment

---
 js/views/message_view.js       | 2 +-
 stylesheets/_conversation.scss | 3 +++
 stylesheets/manifest.css       | 3 +++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/views/message_view.js b/js/views/message_view.js
index c34dba33..03a1e84c 100644
--- a/js/views/message_view.js
+++ b/js/views/message_view.js
@@ -37,7 +37,7 @@
                 this.$('.sand')
                     .css('animation-duration', remainingTime*0.001 + 's')
                     .css('transform', 'translateY(' + elapsed*100 + '%)');
-                this.$el.show();
+                this.$el.css('display', 'inline-block');
             }
             return this;
         }
diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index fc92325a..59c4cf81 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -423,6 +423,9 @@ li.entry .error-icon-container {
 
   .timer {
     display: none;
+    .hourglass {
+      vertical-align: middle;
+    }
   }
 
   .control {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 1f2b40cb..45ab77a1 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1258,6 +1258,9 @@ li.entry .error-icon-container {
   .message-container .timer,
   .message-list .timer {
     display: none; }
+    .message-container .timer .hourglass,
+    .message-list .timer .hourglass {
+      vertical-align: middle; }
   .message-container .control .bubble .content,
   .message-list .control .bubble .content {
     font-style: italic; }