From 893fffdad87af584d3c8adf964deede7242bf495 Mon Sep 17 00:00:00 2001
From: Dave Sescleifer <dave@sescleifer.com>
Date: Mon, 22 Dec 2014 18:28:10 -0600
Subject: [PATCH] =?UTF-8?q?Added=20=E2=9C=93=20to=20delivered=20messages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #100
Closes #101
---
 stylesheets/index.css               | 13 -------------
 stylesheets/manifest.css            | 10 ++++++++++
 stylesheets/view/_conversation.scss | 20 ++++++++++++++++++++
 3 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/stylesheets/index.css b/stylesheets/index.css
index d018ab5268..ae4cb2da79 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -83,16 +83,3 @@ li.entry img {
   padding: 5px;
   border-radius: 3px;
 }
-
-.timestamp {
-  font-size: 0.75em;
-  display: block;
-}
-
-.incoming .timestamp {
-  color: gray;
-}
-
-.outgoing .timestamp {
-  color: whitesmoke;
-}
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 6494b9c5fe..60687f8623 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -184,6 +184,16 @@ ul.discussion {
   width: 100%;
   float: left;
   margin-bottom: 10px; }
+  .entry .timestamp {
+    font-size: 0.75em;
+    display: block; }
+    .entry .timestamp:incoming {
+      color: gray; }
+    .entry .timestamp:outgoing {
+      color: whitesmoke; }
+  .entry.delivered .timestamp::after {
+    margin-left: 4px;
+    content: "✓"; }
 
 .bubble {
   border-radius: 16px;
diff --git a/stylesheets/view/_conversation.scss b/stylesheets/view/_conversation.scss
index 42be1123e7..5d0a61a391 100644
--- a/stylesheets/view/_conversation.scss
+++ b/stylesheets/view/_conversation.scss
@@ -19,6 +19,26 @@ ul.discussion {
   width:100%;
   float:left;
   margin-bottom:10px;
+
+  .timestamp {
+    font-size: 0.75em;
+    display: block;
+
+    &:incoming {
+      color: gray;
+    }
+
+    &:outgoing {
+      color: whitesmoke;
+    }
+  }
+
+  &.delivered .timestamp {
+    &::after {
+      margin-left: 4px;
+      content: "✓";
+    }
+  }
 }
 
 .bubble {