From 01ca6b7c3a40a6fcce45108c620b8ad793d806ce Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Fri, 1 Apr 2016 11:36:28 -0700
Subject: [PATCH] Vertically center contact names

For contacts/conversations without any messages, center their names
vertically in the conversation list element.

// FREEBIE
---
 background.html          | 4 +++-
 stylesheets/_global.scss | 4 ++--
 stylesheets/_index.scss  | 2 +-
 stylesheets/manifest.css | 6 +++---
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/background.html b/background.html
index 44be1a6a0fbc..12889ff487d2 100644
--- a/background.html
+++ b/background.html
@@ -181,7 +181,9 @@
           {{ #unreadCount }}
             <span class='unread-count'>{{ unreadCount }}</span>
           {{ /unreadCount }}
-          <p class='last-message'> {{ last_message }} </p>
+          {{ #last_message }}
+            <p class='last-message'> {{ last_message }} </p>
+          {{ /last_message }}
       </div>
   </script>
   <script type='text/x-tmpl-mustache' id='phone-number'>
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 18b48a84850a..26a4aed32e4d 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -318,9 +318,9 @@ $avatar-size: 44px;
   .contact-details {
     $left-margin: 8px;
 
-    vertical-align: top;
+    vertical-align: middle;
     display: inline-block;
-    margin: 4px 0 0 $left-margin;
+    margin: 0 0 0 $left-margin;
     width: calc(100% - #{$avatar-size} - #{$left-margin});
 
     p {
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index 0241a94b0173..2512356006d4 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -159,7 +159,7 @@ input.search {
   }
 
   .last-message {
-    margin: 6px 0;
+    margin: 6px 0 0;
     font-size: small;
     font-weight: 300;
   }
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 3e6a2aea16c4..a9d9911683d0 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -261,9 +261,9 @@ img.emoji {
   .contact:last-child::after {
     display: none; }
   .contact .contact-details {
-    vertical-align: top;
+    vertical-align: middle;
     display: inline-block;
-    margin: 4px 0 0 8px;
+    margin: 0 0 0 8px;
     width: calc(100% - 44px - 8px); }
     .contact .contact-details p {
       overflow-x: hidden;
@@ -552,7 +552,7 @@ input.search {
     display: none;
     padding: 0.5em; }
   .index .last-message {
-    margin: 6px 0;
+    margin: 6px 0 0;
     font-size: small;
     font-weight: 300; }
   .index .gutter .timestamp {