diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss index f1584d4e..4d0db6c1 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss @@ -18,6 +18,13 @@ limitations under the License. padding: 10px 0px; } +.mx_MemberDeviceInfo.mx_DeviceVerifyButtons { + width: 100%; + padding: 6px 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} .mx_MemberDeviceInfo_textButton { color: $accent-fg-color; @@ -26,12 +33,11 @@ limitations under the License. text-align: center; padding-left: 1em; padding-right: 1em; - width: 95px; border: 0px; font-size: 14px; - cursor: pointer; - display: inline; + margin: 2px; + flex: 1; } .mx_MemberDeviceInfo_deviceId { @@ -44,11 +50,6 @@ limitations under the License. border-bottom: 1px solid rgba(0,0,0,0.1); } -.mx_MemberDeviceInfo_blacklist, -.mx_MemberDeviceInfo_unblacklist { - float: right; -} - /* "Unblacklist" is too long for a regular button: make it wider and reduce the padding. */ .mx_EncryptedEventDialog .mx_MemberDeviceInfo_blacklist,