Merge pull request #4878 from matrix-org/travis/room-list/fix-community-invites

Fix alignment of avatars on community invites

res/css/views/avatars/_DecoratedRoomAvatar.scss

@@ -14,7 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_DecoratedRoomAvatar {
+// XXX: We shouldn't be using TemporaryTile anywhere - delete it.
+.mx_DecoratedRoomAvatar, .mx_TemporaryTile {
     position: relative;
 
     .mx_RoomTileIcon {

res/css/views/rooms/_RoomTile2.scss

@@ -29,7 +29,7 @@ limitations under the License.
         border-radius: 32px;
     }
 
-    .mx_DecoratedRoomAvatar {
+    .mx_DecoratedRoomAvatar, .mx_RoomTile2_avatarContainer {
         margin-right: 8px;
     }
 
@@ -152,7 +152,7 @@ limitations under the License.
         align-items: center;
         position: relative;
 
-        .mx_DecoratedRoomAvatar {
+        .mx_DecoratedRoomAvatar, .mx_RoomTile2_avatarContainer {
             margin-right: 0;
         }
     }

src/components/views/rooms/TemporaryTile.tsx

@@ -56,6 +56,7 @@ export default class TemporaryTile extends React.Component<IProps, IState> {
         // XXX: We copy classes because it's easier
         const classes = classNames({
             'mx_RoomTile2': true,
+            'mx_TemporaryTile': true,
             'mx_RoomTile2_selected': this.props.isSelected,
             'mx_RoomTile2_minimized': this.props.isMinimized,
         });
@@ -85,7 +86,6 @@ export default class TemporaryTile extends React.Component<IProps, IState> {
         );
         if (this.props.isMinimized) nameContainer = null;
 
-        const avatarSize = 32;
         return (
             <React.Fragment>
                 <RovingTabIndexWrapper>