From 4b74493b0dfc75a5b7ea30de571733db93726018 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 29 Jun 2017 15:30:10 +0100
Subject: [PATCH] Fix redacted placeholder style on orange BG

Also does a tiny bit more tweaking of the vertical position to get it
looking aligned correct.
---
 app/assets/stylesheets/components/placeholder.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/components/placeholder.scss b/app/assets/stylesheets/components/placeholder.scss
index 762d40e84..a9b85d525 100644
--- a/app/assets/stylesheets/components/placeholder.scss
+++ b/app/assets/stylesheets/components/placeholder.scss
@@ -44,10 +44,16 @@
   background: currentColor;
   padding: 0 0.5em;
   opacity: 0.8;
-  box-shadow: inset 0 -0.25em 0 0 $white;
+  box-shadow: inset 0 -0.35em 0 0 $white;
+  position: relative;
+  top: 0.1em;
 
   .sms-message-wrapper & {
-    box-shadow: inset 0 -0.25em 0 0 $panel-colour;
+    box-shadow: inset 0 -0.35em 0 0 $panel-colour;
+  }
+
+  *:focus + p & {
+    box-shadow: inset 0 -0.35em 0 0 $yellow;
   }
 
 }