From 956deca844505c75f03a1406a5ffd4532804cbde Mon Sep 17 00:00:00 2001
From: lukebarnard <luke.barnard99@gmail.com>
Date: Fri, 20 Jan 2017 16:59:41 +0100
Subject: [PATCH] Add bg-color border to typing avatars

---
 .../css/matrix-react-sdk/structures/_RoomStatusBar.scss       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss b/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
index 12cecffe79..b7bdeaa052 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
@@ -71,18 +71,20 @@ limitations under the License.
 }
 
 .mx_RoomStatusBar_typingIndicatorAvatars {
-    width: 24px;
+    width: 52px;
     text-align: left;
 }
 
 .mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar {
     margin-right: -12px;
+    border:1px solid $primary-bg-color;
 }
 
 .mx_RoomStatusBar_typingIndicatorRemaining {
     display: inline-block;
     color: #acacac;
     background-color: #ddd;
+    border:1px solid $primary-bg-color;
     border-radius: 40px;
     width: 24px;
     height: 24px;