From 2f8bd32ef8a70592ea3d3b49188561d8deca7179 Mon Sep 17 00:00:00 2001
From: Allen Rabinovich <allenr@zulip.com>
Date: Wed, 4 Sep 2013 13:08:04 -0700
Subject: [PATCH] Add background to 'You and' and adjust vertical alignment

(imported from commit 3bec31298c030299509e48596662a0618c359994)
---
 static/styles/zulip.css       | 18 ++++++++++++++----
 templates/zerver/compose.html |  6 ++++--
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 90c1397c41..bbf48262cb 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -802,18 +802,28 @@ just a temporary hack.
 .compose_table .pm_recipient {
     position: relative;
     margin-right: 30px;
+    height: 25px;
 }
 
-.compose_table .pm_recipient .you_text {
+.compose_table #private-message .you_text {
     position: absolute;
-    left: 4px;
-    top: 3px;
+    height: 25px;
+    line-height: 25px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    width: 4em;
+    background: #444444;
+    color: #ffffff;
 }
 
 .compose_table .pm_recipient #private_message_recipient {
-    padding-left: 4em;
+    margin-left: 4em;
     border-left: none;
     border-radius: 0px 3px 3px 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    height: 23px;
+    line-height: 23px;
 }
 
 .compose_table #private-message .right_part {
diff --git a/templates/zerver/compose.html b/templates/zerver/compose.html
index c43887b92e..e04b53fbb2 100644
--- a/templates/zerver/compose.html
+++ b/templates/zerver/compose.html
@@ -47,10 +47,12 @@
               </td>
             </tr>
             <tr id="private-message">
-              <td class="message_header_colorblock message_header_private_message message_header left_part"></td>
+              <td class="message_header_colorblock message_header_private_message message_header left_part">
+
+              </td>
               <td class="right_part">
                 <div class="pm_recipient">
-                  <div class="you_text">You and</div>
+                <span class="you_text">You and</span>
                 <input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
                                value="" placeholder="one or more people..." autocomplete="off" tabindex="130"/>
                 </div>