From f8d628d3367bb8c22003419b7918b988adba8b22 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Fri, 13 Nov 2015 02:44:46 +0000
Subject: [PATCH] fix composer avatar

---
 src/skins/vector/css/atoms/MemberAvatar.css        | 6 +++---
 src/skins/vector/css/molecules/MessageComposer.css | 4 ++--
 src/skins/vector/views/atoms/MemberAvatar.js       | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/skins/vector/css/atoms/MemberAvatar.css b/src/skins/vector/css/atoms/MemberAvatar.css
index 97dae35f..3cc6e94b 100644
--- a/src/skins/vector/css/atoms/MemberAvatar.css
+++ b/src/skins/vector/css/atoms/MemberAvatar.css
@@ -15,8 +15,8 @@ limitations under the License.
 */
 
 .mx_MemberAvatar {
+    position: relative;
     z-index: 20;
-    border-radius: 20px;
 }
 
 .mx_MemberAvatar_initial {
@@ -25,6 +25,6 @@ limitations under the License.
     text-align: center;
 }
 
-.mx_MemberAvatar_wrapper {
-    position: relative;
+.mx_MemberAvatar_image {
+    border-radius: 20px;    
 }
\ No newline at end of file
diff --git a/src/skins/vector/css/molecules/MessageComposer.css b/src/skins/vector/css/molecules/MessageComposer.css
index 2dbe05b5..bd93f630 100644
--- a/src/skins/vector/css/molecules/MessageComposer.css
+++ b/src/skins/vector/css/molecules/MessageComposer.css
@@ -36,9 +36,9 @@ limitations under the License.
     height: 70px;
 }
 
-.mx_MessageComposer .mx_MessageComposer_avatar img {
+.mx_MessageComposer .mx_MessageComposer_avatar .mx_MemberAvatar {
+    display: block;
     margin-top: 18px;
-    border-radius: 20px;
 }
 
 .mx_MessageComposer_input {
diff --git a/src/skins/vector/views/atoms/MemberAvatar.js b/src/skins/vector/views/atoms/MemberAvatar.js
index c4153b85..7d96a91f 100644
--- a/src/skins/vector/views/atoms/MemberAvatar.js
+++ b/src/skins/vector/views/atoms/MemberAvatar.js
@@ -49,18 +49,18 @@ module.exports = React.createClass({
                 initial = this.props.member.name[1].toUpperCase();
          
             return (
-                <span className="mx_MemberAvatar_wrapper">
+                <span className="mx_MemberAvatar">
                     <span className="mx_MemberAvatar_initial"
                           style={{ fontSize: (this.props.width * 0.75) + "px",
                                    width: this.props.width + "px",
                                    lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>
-                    <img className="mx_MemberAvatar" src={this.state.imageUrl}
+                    <img className="mx_MemberAvatar_image" src={this.state.imageUrl}
                          onError={this.onError} width={this.props.width} height={this.props.height} />
                 </span>
             );            
         }
         return (
-            <img className="mx_MemberAvatar" src={this.state.imageUrl}
+            <img className="mx_MemberAvatar mx_MemberAvatar_image" src={this.state.imageUrl}
                 onError={this.onError}
                 width={this.props.width} height={this.props.height} />
         );