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

@@ -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;
 }