Website: fit 'Neovim Arch Linux' in nav

strager · strager · commit 4d5e59f4026d · 2021-11-08T16:51:30.000-08:00
The left navigation on https://quick-lint-js.com/install/neovim/arch-linux/ can have the 'Neovim Arch Linux' item word-wrapped strangely for certain browser widths. Increase the side bar's width so the labels fits properly.
diff --git a/website/public/main.css b/website/public/main.css
@@ -327,7 +327,7 @@ kbd.keystroke {
 @media only screen and (min-width: 51em) {
   body.side-bar-nav {
     --page-width: 49em;
-    --side-bar-width: 7rem;
+    --side-bar-width: 8rem;
     max-width: var(--page-width);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -327,7 +327,7 @@ kbd.keystroke {`
`327`	`327`	`@media only screen and (min-width: 51em) {`
`328`	`328`	`body.side-bar-nav {`
`329`	`329`	`--page-width: 49em;`
`330`		`- --side-bar-width: 7rem;`
	`330`	`+ --side-bar-width: 8rem;`
`331`	`331`	`max-width: var(--page-width);`
`332`	`332`	`}`
`333`	`333`