From 8ebb8ba4270075cc4861ac0c07535729a93d48d3 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sun, 25 Oct 2015 02:09:16 +0000
Subject: [PATCH] fix up new message layout

---
 src/skins/vector/css/organisms/RoomView.css  |  12 ++++--------
 src/skins/vector/img/newmessages.png         | Bin 213 -> 590 bytes
 src/skins/vector/views/organisms/RoomView.js |   2 +-
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/skins/vector/css/organisms/RoomView.css b/src/skins/vector/css/organisms/RoomView.css
index a64a9660..d3ea1975 100644
--- a/src/skins/vector/css/organisms/RoomView.css
+++ b/src/skins/vector/css/organisms/RoomView.css
@@ -174,19 +174,15 @@ limitations under the License.
 }
 
 .mx_RoomView_unreadMessagesBar {
-    margin-top: 13px;
-    color: #fff;
-    font-weight: bold;
-    background-color: #ff0064;
-    border-radius: 30px;
-    height: 30px;
-    line-height: 30px;
+    color: #ff0064;
     cursor: pointer;
+    margin-top: 5px;
 }
 
 .mx_RoomView_unreadMessagesBar img {
-    padding-left: 22px;
+    padding-left: 10px;
     padding-right: 22px;
+    vertical-align: middle;
 }
 
 .mx_RoomView_typingBar {
diff --git a/src/skins/vector/img/newmessages.png b/src/skins/vector/img/newmessages.png
index e6dbeb17fdc3364637fb85c127c773e0f89fee68..a22156ab214514fe3be87b85415fc8ad9ade86d7 100644
GIT binary patch
literal 590
zcmV-U0<ryxP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%2uVaiR7efARy!|5K^Q%=60Zauu~A4g3Z+D&Q3@d>qOc0AMi3IcsQdtl#9KjY
zLntWt2kKQw6e22(ct6H>=FaZA+}XVz_au`$d*{37d^7VsRv`~G2I_#4Za{U&Xb{u5
zHNOJ%xr_tgX;)$U(nX_!7Bq&1NX^OGkUWcmY;y1Po6I*vY*t}ig#Gv?Amm*_x+SB+
zZ(8V=z7>&#i0pl~jD7y0k(>l#sh^XRg$~719!HKfy93X2lEWvOGYvg^2i|)!J23+G
z%+tT~JV@9aS0nGlddmw9apv>Az<65_<Ck~jGC_iv7mAFQ5U8yJIKp9w+_D1`=LJGB
z9HZZg;a$=#0!*T)pgJhP42=k?ftQ>~|0qP_6mTQi3RIT5*Q+I123p+fvO<Ax^&|U5
zUo&tx6)ZyXlNq4BDQg}uVIHt5I?%HSJiGu$(|(Z}OMZ4O<#5ySF<<L*3P{Oy;Qkrt
zTmbl_NL3k7Qwbc4=V>ADUj|-SOkL0i%1gA;3yCIoE|eDo`x8K0qsO#!D&$MRtCSrl
zSjHdgZ7mvE5rL%BmJ1X~jR7}zz~EW|a(<v!71l<rfN3z%6+5pJ>4eDU+cVt?1K}`@
z$3$l~4{ZIGoBWdq9h}be0(xVPh?5K=ZJ8AD)U||*UX_tA2CYxDF}7?lzJBcSS+k(W
cfBbFv0K)*Cq8-F~hyVZp07*qoM6N<$g1{I5)Bpeg

literal 213
zcmeAS@N?(olHy`uVBq!ia0vp^AT|#N8<337)>#0g7>k44ofy`glX(f`^n1EEhDb;z
zCpa+w|NlRq{gI4GBAZwVqe8q;$Nz=h#tXS0JmO#Cw17XjVFv&7+YLoY4l=w&$r=Lh
zk1Uf|!lAKUzQfj$i@EWKwZMC)FrJid=A#Z>c}#^$$`cY8xQZB8>N@Z&n$P?(T45W@
zBWVYjgC|b>koIt9@Gum3&zvL?!JU%OEzoh&!E-|O^u^jt3_=HkSjy@yzXm#u!PC{x
JWt~$(69Da>L|*^^

diff --git a/src/skins/vector/views/organisms/RoomView.js b/src/skins/vector/views/organisms/RoomView.js
index 322a3016..706b9f58 100644
--- a/src/skins/vector/views/organisms/RoomView.js
+++ b/src/skins/vector/views/organisms/RoomView.js
@@ -175,7 +175,7 @@ module.exports = React.createClass({
                 if (unreadMsgs) {
                     statusBar = (
                         <div className="mx_RoomView_unreadMessagesBar" onClick={ this.scrollToBottom }>
-                            <img src="img/newmessages.png" width="10" height="12" alt=""/>
+                            <img src="img/newmessages.png" width="24" height="24" alt=""/>
                             {unreadMsgs}
                         </div>
                     );