From e5198075c1515ad169240f4bfc48fd70d0cb9737 Mon Sep 17 00:00:00 2001
From: Igor Zhukov <igor.beatle@gmail.com>
Date: Wed, 18 Mar 2015 22:02:03 +0300
Subject: [PATCH] Reply message styles

---
 app/css/app.css                         | 19 +++++++++++++------
 app/partials/desktop/reply_message.html |  1 +
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/css/app.css b/app/css/app.css
index 2c3962b5..1f6e1f07 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -1767,18 +1767,23 @@ div.im_message_body {
   color: inherit;
   text-decoration: none;
   margin-bottom: 5px;
-  height: 42px;
+  margin-top: 2px;
+  height: 36px;
   overflow: hidden;
 }
 .im_message_reply_wrap:hover {
   text-decoration: none;
   color: inherit;
-  background: rgba(242, 246, 250, 0.5);
+}
+.im_message_reply_border {
+  background: #7eaad1;
+  height: 33px;
+  width: 2px;
+  position: absolute;
+  margin-left: -12px;
 }
 .im_message_reply {
-  border: 0 #77b7e4 solid;
-  border-left-width: 2px;
-  padding-left: 8px;
+  padding-left: 12px;
 }
 .im_message_reply_thumb_wrap {
   display: block;
@@ -1791,7 +1796,7 @@ div.im_message_body {
 .im_message_reply_author {
   font-weight: bold;
   color: #3a6d99;
-  margin-top: 2px;
+  line-height: 16px;
   margin-bottom: 3px;
 }
 .im_message_reply_loading {
@@ -1802,9 +1807,11 @@ div.im_message_body {
   color: #999;
 }
 .im_message_reply_body {
+  line-height: 16px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  margin-bottom: 1px;
 }
 .im_message_reply_thumbed .im_message_reply_author,
 .im_message_reply_thumbed .im_message_reply_body {
diff --git a/app/partials/desktop/reply_message.html b/app/partials/desktop/reply_message.html
index 5a29f0fe..41e11be6 100644
--- a/app/partials/desktop/reply_message.html
+++ b/app/partials/desktop/reply_message.html
@@ -1,4 +1,5 @@
 <div class="im_message_reply clearfix" ng-class="{im_message_reply_thumbed: thumb != null}" ng-switch="replyMessage.loading">
+  <div class="im_message_reply_border"></div>
   <div class="im_message_reply_loading" ng-switch-when="true" my-i18n="im_reply_loading">
     <my-i18n-param name="dots"><span my-loading-dots></span></my-i18n-param>
   </div>