Fix consistent avatar output for Percy

res/css/views/avatars/_BaseAvatar.pcss

@@ -19,5 +19,6 @@ limitations under the License.
  /* Stick the default room avatar colour, so it doesn't cause a false diff on the screenshot */
  .mx_BaseAvatar {
  background-color: var(--percy-color-avatar) !important;
+ color: white !important;
  }
 }

res/css/views/avatars/_DecoratedRoomAvatar.pcss

@@ -18,7 +18,7 @@ limitations under the License.
 .mx_ExtraTile {
  position: relative;
  contain: content;
- line-height: 1;
+ line-height: 0;
 
  &.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
  mask-image: url("$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg");
@@ -30,10 +30,9 @@ limitations under the License.
  .mx_DecoratedRoomAvatar_icon {
  position: absolute;
  /* the following percentage based sizings are to match the scalable svg mask for the cutout */
- bottom: 0;
- right: 0;
- transform: translate(-25%, -70%);
- width: 25%;
+ bottom: 6.25%; // 2px for a 32x32 avatar
+ right: 6.25%;
+ width: 25%; // 8px for a 32x32 avatar
  height: 25%;
  border-radius: 50%;
  }

res/css/views/elements/_MiniAvatarUploader.pcss

@@ -43,6 +43,8 @@ limitations under the License.
  border-radius: 50%;
  z-index: 1;
 
+ line-height: 0;
+
  .mx_MiniAvatarUploader_cameraIcon {
  height: 100%;
  width: 100%;