Align search results horizontally for easy scanning

camelid · camelid · commit a8fa961696fc · 2023-06-22T12:16:48.000-07:00
The recent PR rust-lang#110688 added info about an item's kind before its name in search results. However, because the kind and name are inline with no alignment, it's now hard to visually scan downward through the search results, looking at item names. This PR fixes that by horizontally aligning search results such that there are now two columns of information.
diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css
@@ -891,8 +891,10 @@ so that we can apply CSS-filters to change the arrow color in themes */
 	color: var(--search-results-grey-color);
 }
 .search-results .result-name .typename {
+	display: inline-block;
 	color: var(--search-results-grey-color);
 	font-size: 0.875rem;
+	width: 6rem;
 }
 
 .popover {

Original file line number	Diff line number	Diff line change
`@@ -891,8 +891,10 @@ so that we can apply CSS-filters to change the arrow color in themes */`
`891`	`891`	`color: var(--search-results-grey-color);`
`892`	`892`	`}`
`893`	`893`	`.search-results .result-name .typename {`
	`894`	`+ display: inline-block;`
`894`	`895`	`color: var(--search-results-grey-color);`
`895`	`896`	`font-size: 0.875rem;`
	`897`	`+ width: 6rem;`
`896`	`898`	`}`
`897`	`899`
`898`	`900`	`.popover {`