diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss index ec1cfd2e6..660725388 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss +++ b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss @@ -252,6 +252,16 @@ input.mx_UserSettings_phoneNumberField { display: none; } +.mx_UserSettings_avatarPicker_imgContainer { + display: inline-block; +} + +.mx_UserSettings_avatarPicker_remove { + display: inline-block; + float: right; + margin-right: -15px; +} + .mx_UserSettings_advanced_spoiler, .mx_UserSettings_link { cursor: pointer; diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss index bb80832de..05cdfba8f 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss @@ -138,10 +138,17 @@ limitations under the License. .mx_RoomHeader_name, .mx_RoomHeader_avatar, .mx_RoomHeader_avatarPicker, -.mx_RoomHeader_avatarPicker_edit { +.mx_RoomHeader_avatarPicker_edit, +.mx_RoomHeader_avatarPicker_remove { cursor: pointer; } +.mx_RoomHeader_avatarPicker_remove { + position: absolute; + top: 10px; + left: 45px; +} + .mx_RoomHeader_name:hover div:not(.mx_RoomHeader_editable) { color: $accent-color; }