Fix a couple badge alignment issues with 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

@@ -148,7 +148,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>