From 97ed44f0f2797fbeadd7f78f930c53d4ed0e684a Mon Sep 17 00:00:00 2001 From: David Wheatley Date: Fri, 11 Jun 2021 12:13:57 +0100 Subject: [PATCH] Fix image avatar alignment in notifications (#2906) --- framework/core/less/forum/NotificationList.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/framework/core/less/forum/NotificationList.less b/framework/core/less/forum/NotificationList.less index 5e7a4d901..130f16480 100644 --- a/framework/core/less/forum/NotificationList.less +++ b/framework/core/less/forum/NotificationList.less @@ -136,6 +136,14 @@ .Avatar--size(24px); grid-area: avatar; } + + // Since images don't have baselines, aligning against the baseline won't work. + // Instead we need to do some manual hackery to fix then, otherwise they won't + // be correctly vertically aligned. + img.Avatar { + align-self: flex-start; + margin-top: -2px; + } &-icon { font-size: 14px;