From c2fa61d0b483195fcc9a1b7811ac19c51111e4ad Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@nonnenberg.com>
Date: Fri, 6 Oct 2017 17:04:39 -0700
Subject: [PATCH] Make .status CSS rules more specific to fix onboarding text
 (#1547)

FREEBIE
---
 stylesheets/_conversation.scss | 11 ++++++-----
 stylesheets/android-dark.scss  |  6 +++---
 stylesheets/manifest.css       | 18 +++++++++---------
 3 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index 750fd19b2..4d3c8c8e2 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -391,23 +391,24 @@ li.entry .error-icon-container {
   white-space: nowrap;
 }
 
-.status {
+// There's a p.status used in the onboarding screen, so this needs to be more specific
+span.status {
   width: 18px;
   height: 18px;
 }
-.sent .status {
+.sent span.status {
   display: inline-block;
   @include color-svg('../images/check.svg', black);
 }
-.delivered .status {
+.delivered span.status {
   display: inline-block;
   @include color-svg('../images/double-check.svg', black);
 }
-.read .status {
+.read span.status {
   display: inline-block;
   @include color-svg('../images/double-check.svg', $blue);
 }
-.pending .status {
+.pending span.status {
   display: inline-block;
   background: none;
   &:before { content: '...'; }
diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss
index a72ab9fdb..d0d36716d 100644
--- a/stylesheets/android-dark.scss
+++ b/stylesheets/android-dark.scss
@@ -125,15 +125,15 @@ $text-dark_l2: darken($text-dark, 30%);
       @include color-svg('../images/verified-check.svg', $text-dark);
     }
   }
-  .sent .status {
+  .sent span.status {
     display: inline-block;
     @include color-svg('../images/check.svg', white);
   }
-  .delivered .status {
+  .delivered span.status {
     display: inline-block;
     @include color-svg('../images/double-check.svg', white);
   }
-  .read .status {
+  .read span.status {
     display: inline-block;
     @include color-svg('../images/double-check.svg', $blue);
   }
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index e1d5f51b6..05ff9484e 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1393,32 +1393,32 @@ li.entry .error-icon-container {
   margin-right: 3px;
   white-space: nowrap; }
 
-.status {
+span.status {
   width: 18px;
   height: 18px; }
 
-.sent .status {
+.sent span.status {
   display: inline-block;
   -webkit-mask: url("../images/check.svg") no-repeat center;
   -webkit-mask-size: 100%;
   background-color: black; }
 
-.delivered .status {
+.delivered span.status {
   display: inline-block;
   -webkit-mask: url("../images/double-check.svg") no-repeat center;
   -webkit-mask-size: 100%;
   background-color: black; }
 
-.read .status {
+.read span.status {
   display: inline-block;
   -webkit-mask: url("../images/double-check.svg") no-repeat center;
   -webkit-mask-size: 100%;
   background-color: #2090ea; }
 
-.pending .status {
+.pending span.status {
   display: inline-block;
   background: none; }
-  .pending .status:before {
+  .pending span.status:before {
     content: '...'; }
 
 .message-container,
@@ -2347,17 +2347,17 @@ li.entry .error-icon-container {
       -webkit-mask: url("../images/verified-check.svg") no-repeat center;
       -webkit-mask-size: 100%;
       background-color: #CCCCCC; }
-  .android-dark .sent .status {
+  .android-dark .sent span.status {
     display: inline-block;
     -webkit-mask: url("../images/check.svg") no-repeat center;
     -webkit-mask-size: 100%;
     background-color: white; }
-  .android-dark .delivered .status {
+  .android-dark .delivered span.status {
     display: inline-block;
     -webkit-mask: url("../images/double-check.svg") no-repeat center;
     -webkit-mask-size: 100%;
     background-color: white; }
-  .android-dark .read .status {
+  .android-dark .read span.status {
     display: inline-block;
     -webkit-mask: url("../images/double-check.svg") no-repeat center;
     -webkit-mask-size: 100%;