From 30b2156278cea0aa6ffc5d51166729e5f9e838c9 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Fri, 23 Oct 2015 11:19:13 +0100
Subject: [PATCH] fix typing notifs

---
 src/skins/vector/css/organisms/RoomView.css  |  18 +++++++++---------
 src/skins/vector/img/76cfa6.png              | Bin 0 -> 966 bytes
 src/skins/vector/views/organisms/RoomView.js |   2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)
 create mode 100644 src/skins/vector/img/76cfa6.png

diff --git a/src/skins/vector/css/organisms/RoomView.css b/src/skins/vector/css/organisms/RoomView.css
index 8ca0080361..b168afcad3 100644
--- a/src/skins/vector/css/organisms/RoomView.css
+++ b/src/skins/vector/css/organisms/RoomView.css
@@ -190,17 +190,17 @@ limitations under the License.
 }
 
 .mx_RoomView_typingBar {
-    margin-top: 17px;
-    margin-left: 56px;
-    color: #818794;
+    margin-top: 10px;
+    margin-left: 54px;
+    color: #4a4a4a;
+    opacity: 0.5;
 }
 
-.mx_RoomView_typingBar img {
-    padding-left: 12px;
-    padding-right: 12px;
-    margin-left: -64px;
-    margin-top: -7px;
-    float: left;    
+.mx_RoomView_typingImage {
+    display: inline;
+    margin-left: -38px;
+    margin-top: -4px;
+    float: left;
 }
 
 .mx_RoomView .mx_MessageComposer {
diff --git a/src/skins/vector/img/76cfa6.png b/src/skins/vector/img/76cfa6.png
new file mode 100644
index 0000000000000000000000000000000000000000..de1ea60d54c62318107d246f5e8ef785c1f6c144
GIT binary patch
literal 966
zcmaJ=zi-n(7&T?7in=f$!E|z$AT_?T6UXsUQzf~C2H`47Bav=6_9d}e`;2`hP9zpK
z#K1qmz+Zq=RtBaDF)*<)(FGWg5E~=s{3=6=rSo@pdhdPjzWeTZYyaNn#;pxWk~W)r
zq%C4D8|!Q0fAtl_BHZNlE<a#>K5}9zRXo<Cpcyy=+NO>-e*BT{2x!jlba~f)fL#_S
zPKHs^AQEgz+SyGb$33DP^yt73E&12G_cHK3OMa-^$c}1s=<iKpdNA4VxRWE-^yJ;U
zU?;^wAfVg<X>c4SIJM-dE*A4_8_Hk`;YXG{Gu5?QpvGbfbfuJcQON*?si?YP6pd}5
zAytQ{01GIu6>t&Zq6X%lEV9L3AGb+ko=dDOdB}N$AsmfH%BY~QcmP$?G$GQUrsV}9
zpNvE9r1>z}S||{jxUnB`pM@Y(bb9QBTe5IEJ3<gGWy54%CQ&e$IuTSAlpSdSwC(>x
zgJ6kHc$;4MT`8P&#u0^Wny{1D6&Kgv%2GwR7E_0_xWm}-qKd5{<187n2-IrRs)3yC
zxPF*z-k!2-8#lv*JE2RP#FB-M;`<)18ahF$Rx;F*s;YIpTvQEGZV*i`HmamtUT_I>
zPXZe91=qXa8kcgjh6o~&nb6pOLcK=J0x&%|_E&hRBa@&CG7YsrR(qLoy%k>O+{&d~
zD9pg@djGlZ#g^!yY`Sb-u~@c04Moq#qPgWC_^Wsr#U`nA(l0+hUD=e-x&)pMw+=tt
we|i4xwRHIT^!)7lX?Od^i?iN5{67104M}_M+MV&+@7cqYn)QA1ruyjFUsIba9{>OV

literal 0
HcmV?d00001

diff --git a/src/skins/vector/views/organisms/RoomView.js b/src/skins/vector/views/organisms/RoomView.js
index 391cef6ff9..929285ca99 100644
--- a/src/skins/vector/views/organisms/RoomView.js
+++ b/src/skins/vector/views/organisms/RoomView.js
@@ -183,7 +183,7 @@ module.exports = React.createClass({
                 else if (typingString) {
                     statusBar = (
                         <div className="mx_RoomView_typingBar">
-                            <img src="img/typing.png" width="40" height="40" alt=""/>
+                            <div className="mx_RoomView_typingImage">...</div>
                             {typingString}
                         </div>
                     );