From 0340fb70489485f5926467c983c2656c090b6474 Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Tue, 14 May 2019 19:06:26 +0000
Subject: [PATCH] Adjust line-height/padding for ToC items for better wrapping

Multiline items should now be clearly distinguishable from new
single-line items. On, like, mobile, or something. Not truly insane
pages I never should have created in the first place.

Change-Id: Ia0ea69519da865b76299b62ee94b33d3b0b60a94
---
 resources/screen-common.less | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/resources/screen-common.less b/resources/screen-common.less
index 33b9d64..8834591 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -562,17 +562,29 @@ ul#filetoc,
 	min-width: 15em;
 }
 
+.toc {
+	line-height: 1.2;
+
+	ul {
+		margin: 1em 0 0;
+		list-style: none;
+		text-align: left;
+	}
+
+	li {
+		margin: 0.3em 0;
+
+		&:last-child {
+			margin-bottom: 0.5em;
+		}
+	}
+}
+
 ul#filetoc {
 	display: block;
 	border: 0;
 }
 
-.toc ul {
-	margin: 1em 0 0;
-	list-style: none;
-	text-align: left;
-}
-
 .mw-body .toc h2 {
 	font-size: 1em;
 	font-family: @fonts;
@@ -585,10 +597,6 @@ ul#filetoc {
 	float: right;
 }
 
-.toc li:last-child {
-	margin-bottom: 0.5em;
-}
-
 .toclevel-1 {
 	margin-bottom: 0.25em;
 }