From 681418cf6bd82ef4c183df9bcddb9d471519cf68 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Mon, 22 May 2017 15:12:53 -0700
Subject: [PATCH] Restyle last seen indicator

Add horizontal line behind text.

// FREEBIE
---
 _locales/en/messages.json      |  4 ++--
 stylesheets/_android.scss      |  3 ---
 stylesheets/_conversation.scss |  9 +++++----
 stylesheets/android-dark.scss  |  3 +--
 stylesheets/manifest.css       | 15 +++++++--------
 5 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index fc9e2308a..31f331b27 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -16,11 +16,11 @@
       "description": "Alt text for button to take user down to bottom of conversation with more than one message out of screen"
     },
     "unreadMessage": {
-      "message": "1 unread message",
+      "message": "1 Unread Message",
       "description": "Text for unread message separator, just one message"
     },
     "unreadMessages": {
-      "message": "$count$ unread messages",
+      "message": "$count$ Unread Messages",
       "description": "Text for unread message separator, with count",
       "placeholders": {
         "count": {
diff --git a/stylesheets/_android.scss b/stylesheets/_android.scss
index d36b97a78..8aae3189b 100644
--- a/stylesheets/_android.scss
+++ b/stylesheets/_android.scss
@@ -71,7 +71,4 @@
     @include header-icon-black('/images/back.svg');
   }
 
-  .message-list .last-seen-indicator-view .text {
-    margin: 2em;
-  }
 }
diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index d85534fa5..d079af87b 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -687,13 +687,14 @@ li.entry .error-icon-container {
   display: flex;
   flex-direction: column;
   align-items: center;
+  border-bottom: 2px solid #2090ea;
+  margin-bottom: 15px;
+  margin-top: 2em;
 
   .text {
-    border-radius: $border-radius;
     padding: 5px 10px;
-    margin: 1em;
-
-    background-color: $grey_l2;
+    margin-bottom: -12px;
+    background-color: white;
   }
 }
 
diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss
index ffab69d3d..6bdc801ff 100644
--- a/stylesheets/android-dark.scss
+++ b/stylesheets/android-dark.scss
@@ -204,8 +204,7 @@ $text-dark: #CCCCCC;
   }
 
   .message-list .last-seen-indicator-view .text {
-    margin: 2em;
-    background-color: $grey-dark_l2;
+    background-color: $grey-dark_l3;
   }
 
   .discussion-container .scroll-down-button-view {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index c8b1c47b7..6add4092c 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1499,12 +1499,14 @@ li.entry .error-icon-container {
 .message-list .last-seen-indicator-view {
   display: flex;
   flex-direction: column;
-  align-items: center; }
+  align-items: center;
+  border-bottom: 2px solid #2090ea;
+  margin-bottom: 15px;
+  margin-top: 2em; }
   .message-list .last-seen-indicator-view .text {
-    border-radius: 5px;
     padding: 5px 10px;
-    margin: 1em;
-    background-color: #d9d9d9; }
+    margin-bottom: -12px;
+    background-color: white; }
 
 .discussion-container .scroll-down-button-view {
   position: absolute;
@@ -1873,8 +1875,6 @@ li.entry .error-icon-container {
     -webkit-mask: url("/images/back.svg") no-repeat center;
     -webkit-mask-size: 100%;
     background-color: black; }
-.android .message-list .last-seen-indicator-view .text {
-  margin: 2em; }
 
 .android-dark {
   color: #CCCCCC; }
@@ -2136,8 +2136,7 @@ li.entry .error-icon-container {
   .android-dark .recorder {
     background: #292929; }
   .android-dark .message-list .last-seen-indicator-view .text {
-    margin: 2em;
-    background-color: #292929; }
+    background-color: #171717; }
   .android-dark .discussion-container .scroll-down-button-view button {
     background-color: #8d8d8d; }
     .android-dark .discussion-container .scroll-down-button-view button .icon {