diff --git a/res/css/structures/_SpaceRoomView.scss b/res/css/structures/_SpaceRoomView.scss index 2a3fb47879..c0cc163fb6 100644 --- a/res/css/structures/_SpaceRoomView.scss +++ b/res/css/structures/_SpaceRoomView.scss @@ -359,46 +359,44 @@ $SpaceRoomViewInnerWidth: 428px; } } - .mx_SpaceRoomView_landing { - .mx_SpaceRoomView_landing_inviteButton, - .mx_SpaceRoomView_landing_settingsButton { - position: relative; + .mx_SpaceRoomView_landing_inviteButton, + .mx_SpaceRoomView_landing_settingsButton { + position: relative; - &::before { - position: absolute; - content: ""; - mask-position: center; - mask-repeat: no-repeat; - } + &::before { + position: absolute; + content: ""; + mask-position: center; + mask-repeat: no-repeat; } + } - .mx_SpaceRoomView_landing_inviteButton { - padding: 4px 18px 4px 40px; - height: min-content; + .mx_SpaceRoomView_landing_inviteButton { + padding: 4px 18px 4px 40px; + height: min-content; - &::before { - left: 8px; - height: 16px; - width: 16px; - background: #fff; // white icon fill - mask-size: 16px; - mask-image: url('$(res)/img/element-icons/room/invite.svg'); - } + &::before { + left: 8px; + height: 16px; + width: 16px; + background: #fff; // white icon fill + mask-size: 16px; + mask-image: url('$(res)/img/element-icons/room/invite.svg'); } + } - .mx_SpaceRoomView_landing_settingsButton { - width: 24px; + .mx_SpaceRoomView_landing_settingsButton { + width: 24px; + height: 24px; + + &::before { + left: 0; + top: 0; height: 24px; - - &::before { - left: 0; - top: 0; - height: 24px; - width: 24px; - background: $tertiary-content; - mask-size: contain; - mask-image: url('$(res)/img/element-icons/settings.svg'); - } + width: 24px; + background: $tertiary-content; + mask-size: contain; + mask-image: url('$(res)/img/element-icons/settings.svg'); } } }