From cf1becaa4034771c7bbf505acfd4b96ba420daf4 Mon Sep 17 00:00:00 2001 From: Pratyush Raj Date: Sat, 2 Nov 2024 19:42:32 +0530 Subject: [PATCH 1/2] Fix#3241 Icon Alligment issue in Password Field --- client/styles/components/_forms.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss index d1237935cc..cf2d8df31f 100644 --- a/client/styles/components/_forms.scss +++ b/client/styles/components/_forms.scss @@ -75,13 +75,15 @@ .form__field__password { position: relative; + display: flex; + align-items: center; } .form__eye__icon { font-size: 28px; position: absolute; right: 0px; - top: 4px; + display: flex; vertical-align: middle; } From 3aa91f06575b4534d214200458ff1796cf4ce018 Mon Sep 17 00:00:00 2001 From: pratyushsawan Date: Sat, 23 Nov 2024 21:42:57 +0530 Subject: [PATCH 2/2] added some fixes on the eye-svg --- client/styles/components/_forms.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss index cf2d8df31f..daf5fa0d08 100644 --- a/client/styles/components/_forms.scss +++ b/client/styles/components/_forms.scss @@ -80,11 +80,13 @@ } .form__eye__icon { - font-size: 28px; + font-size: #{math.div(30, $base-font-size)}rem; position: absolute; right: 0px; - display: flex; - vertical-align: middle; + + & svg { + transform: translateY(10%); + } }