From 4ea30da2995ae79362f997762b8c9e8b0def9639 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javi=20Mart=C3=ADn?= Date: Fri, 27 Aug 2021 20:29:12 +0200 Subject: [PATCH] Fix line height in subnavigation items When, on small screens, a navigation element had a very long text causing it to span over multiple lines, the space between each line was the same as the space between elements. This made it hard to see where elements started and ended. Using a padding to separate the contents of one element and the contents of the next one solves the issue. --- 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 4ebefa35b..beaf3de74 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -744,7 +744,8 @@ body > header, a { color: inherit; display: inline-block; - line-height: $line-height * 2; + padding-bottom: $line-height / 2; + padding-top: $line-height / 2; position: relative; text-align: left; width: 100%;