From 68ed1af3c0afd678e6dcb8d49cbfac7ee0e1e5a2 Mon Sep 17 00:00:00 2001 From: Carl Schwan Date: Mon, 18 Jul 2022 13:26:19 +0200 Subject: Fix accessibility of input fields Input fields require a 44x44 pixels target size, this makes all the input fields and button use that size. Bonus is that now the input fields and buttons now have the same size as the new vue button and this looks less weird than the previous state with controls of different sizes. See https://www.w3.org/WAI/WCAG21/Understanding/target-size.html Signed-off-by: Carl Schwan --- core/css/styles.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'core/css/styles.scss') diff --git a/core/css/styles.scss b/core/css/styles.scss index 89f249c1599..ca02d8d4553 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -193,7 +193,7 @@ body { box-sizing: border-box; position: -webkit-sticky; position: sticky; - height: 44px; + height: 54px; padding: 0; margin: 0; background-color: var(--color-main-background-translucent); @@ -223,8 +223,8 @@ body { box-sizing: border-box; display: inline-block; display: flex; - height: 36px; - width: 36px; + height: 44px; + width: 44px; padding: 9px; // width - border - icon width = 18px align-items: center; justify-content: center; -- cgit v1.2.3