Align avatars correctly

css/style.css

@@ -179,6 +179,20 @@
 	padding-top: 3em !important;
 }
 
+.memberListButton span{
+	display: block;
+    box-shadow: 0px 0px 5px rgb(90, 90, 90) inset;
+    background-color: rgb(200, 200, 200);
+    border-radius: 5px;
+    border: 2px solid;
+    display: block;
+    margin: auto;
+}
+
+.memberListButton img{
+    border: 0 none !important;
+}
+
 #toolbar {
 	border-bottom: none !important;
 	padding: 6px 0 !important;

js/3rdparty/webodf/editor/MemberListView.js

@@ -73,9 +73,8 @@ define("webodf/editor/MemberListView",
                             node.src = memberDetails.imageurl;
                             // update border color
                             node.style.borderColor = memberDetails.color;
-						} else if (node.localName === "span"){
-							node.style.display='block';
-							$(node).avatar(memberDetails.imageurl, 64);
+						} else if (node.localName === "span" && memberDetails.imageurl){
+							$(node).avatar(memberDetails.imageurl, 60);
 							node.style.borderColor = memberDetails.color;
                         } else if (node.localName === "div") {
                             node.setAttribute('fullname', memberDetails.fullname);

src/patches/MemberListView-OCavatar.patch

@@ -6,9 +6,8 @@ index cbab8ec..a6381aa 100644
                              node.src = memberDetails.imageurl;
                              // update border color
                              node.style.borderColor = memberDetails.color;
-+						} else if (node.localName === "span"){
-+							node.style.display='block';
-+							$(node).avatar(memberDetails.imageurl, 64);
++						} else if (node.localName === "span" && memberDetails.imageurl){
++							$(node).avatar(memberDetails.imageurl, 60);
 +							node.style.borderColor = memberDetails.color;
                          } else if (node.localName === "div") {
                              node.setAttribute('fullname', memberDetails.fullname);