From 807d3aba6e9669d263fc90277b90d7cc947ad35e Mon Sep 17 00:00:00 2001 From: "J. Ryan Stinnett" Date: Tue, 15 Jan 2019 16:02:08 -0600 Subject: [PATCH] Use integer padding / border for avatar It seems fractional spacing results in different behavior across browsers, including unbalanced spacing, making the avatar appear uncentered. Here we avoid this by using integers that seem to closely match the comps. Fixes https://github.com/vector-im/riot-web/issues/8134. --- res/css/views/avatars/_MemberStatusMessageAvatar.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/res/css/views/avatars/_MemberStatusMessageAvatar.scss b/res/css/views/avatars/_MemberStatusMessageAvatar.scss index 7ac4036eef..c101a5d8a8 100644 --- a/res/css/views/avatars/_MemberStatusMessageAvatar.scss +++ b/res/css/views/avatars/_MemberStatusMessageAvatar.scss @@ -15,13 +15,13 @@ limitations under the License. */ .mx_MessageComposer_avatar .mx_BaseAvatar { - padding: 1.5px; - border: 1.2px solid transparent; - border-radius: 14px; + padding: 2px; + border: 1px solid transparent; + border-radius: 15px; } .mx_MessageComposer_avatar .mx_BaseAvatar_initial { - left: 1.5px; + left: 2px; } .mx_MemberStatusMessageAvatar_hasStatus .mx_BaseAvatar {