From 00565bba6a6b00ca611a770a41eb1f03e6ab4d55 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javi=20Mart=C3=ADn?= Date: Fri, 27 Aug 2021 23:59:01 +0200 Subject: [PATCH] Increase login links touch area on small screens On small screens, the "Sign in", "Register", "My content", "My account" and "Sign out" links didn't have much padding nor space between them, and it was easy to accidentally click the wrong link. This change also positively affects the menu on medium and large screens. When one of the options (like "SDG content") had a text spanning over two lines (like it happens in Swedish), there was barely any space between those two lines. So we're using `line-height: inherit` instead and adjusting the padding accordingly. --- app/assets/stylesheets/layout.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index beaf3de74..0ae638abb 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -580,11 +580,12 @@ body > header, a { color: inherit; + line-height: inherit; padding-left: 0; @include breakpoint(medium) { font-size: $small-font-size; - padding: rem-calc(11) rem-calc(16); + padding: rem-calc(8) rem-calc(16); } }