From a6ece46be414afed1e354edb16aca282657b8d42 Mon Sep 17 00:00:00 2001 From: infinite-persistence Date: Tue, 7 Sep 2021 14:40:59 +0800 Subject: [PATCH] Vertically center 'icon--help' Reasons: - Better symmetry. - When used on a form-field label, the off-centeredness causes an extra offset at the top. Since the icon goes away when there is an input error, the form-field shifts a bit. (An alternative is to use a smaller icon, but I think size 16 is the best for legibility). --- ui/scss/component/_icon.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/ui/scss/component/_icon.scss b/ui/scss/component/_icon.scss index 7347979ba..d096db93e 100644 --- a/ui/scss/component/_icon.scss +++ b/ui/scss/component/_icon.scss @@ -45,6 +45,7 @@ color: var(--color-subtitle); margin-left: var(--spacing-xs); opacity: 0.7; + vertical-align: middle; } .icon--hidden {