From d3a4a7bca393d6f0760cd086edf71bca58720f98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Mon, 31 May 2021 01:15:49 +0200
Subject: [PATCH] Fix line-height in admin menu items

When items went over multiple lines, the distance between their lines
was the same as the distance between one element and another one. This
made it hard to differentiate how many elements there were.

Using a padding to separate the contents of one element and the contents
of the next one solves the issue.
---
 app/assets/stylesheets/admin/menu.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/admin/menu.scss b/app/assets/stylesheets/admin/menu.scss
index f0d407add..963018683 100644
--- a/app/assets/stylesheets/admin/menu.scss
+++ b/app/assets/stylesheets/admin/menu.scss
@@ -142,8 +142,7 @@
   li a {
     color: inherit;
     display: block;
-    line-height: $line-height * 2;
-    padding-left: $line-height / 4;
+    padding: $line-height / 2 $line-height / 4;
     vertical-align: top;
 
     &:hover {