Fix display of item info and unify their height

GuillaumeGomez · GuillaumeGomez · commit 51e658f966a2 · 2022-07-26T21:34:56.000+02:00
diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css
@@ -1111,7 +1111,14 @@ table,
 }
 
 .item-info .stab {
-	display: inline-block;
+	width: fit-content;
+	/* This min-height is needed to unify the height of the stab elements because some of them
+	   have emojis.
+	*/
+	min-height: 36px;
+	display: flex;
+	align-items: center;
+	white-space: pre-wrap;
 }
 .stab {
 	padding: 3px;
@@ -1121,6 +1128,7 @@ table,
 }
 .stab p {
 	display: inline;
+	margin: 0;
 }
 
 .stab .emoji {

Original file line number	Diff line number	Diff line change
`@@ -1111,7 +1111,14 @@ table,`
`1111`	`1111`	`}`
`1112`	`1112`
`1113`	`1113`	`.item-info .stab {`
`1114`		`- display: inline-block;`
	`1114`	`+ width: fit-content;`
	`1115`	`+ /* This min-height is needed to unify the height of the stab elements because some of them`
	`1116`	`+ have emojis.`
	`1117`	`+ */`
	`1118`	`+ min-height: 36px;`
	`1119`	`+ display: flex;`
	`1120`	`+ align-items: center;`
	`1121`	`+ white-space: pre-wrap;`
`1115`	`1122`	`}`
`1116`	`1123`	`.stab {`
`1117`	`1124`	`padding: 3px;`
`@@ -1121,6 +1128,7 @@ table,`
`1121`	`1128`	`}`
`1122`	`1129`	`.stab p {`
`1123`	`1130`	`display: inline;`
	`1131`	`+ margin: 0;`
`1124`	`1132`	`}`
`1125`	`1133`
`1126`	`1134`	`.stab .emoji {`