x/website: widen "Download" button on /doc/install page so text doesn't wrap excessively

[stevetraut]

This is an issue requesting a change to documentation.

In the download button at https://golang.org/doc/install, the button text wraps, making it a little harder to read. Widening it a bit will give us two lines of unwrapped text for all three OSes.

Looks like changing the width value in the download class will work. It's currently 9.375rem -- it could be 16rem.

.download {
  width: 16rem;
}

@rsc @dmitshur

[seankhliao]

can you show a screenshot? are you using font scaling? because it looks fine (single line) for

[dmitshur]

This is what https://golang.org/doc/install looks like at 100% scaling in Chrome on macOS for me:

With the suggested 16rem width:

Making it wider on the https://golang.org/doc/install page seems fine. We should take care that it doesn't affect other pages inadvertently (e.g., https://golang.org/dl/ also has buttons with the "download" class).

[stevetraut]

The .download width style rule on https://golang.org/dl/ appears to be superseded by the .downloadBox width, which is set to 280px.

I suggest we change .download width to 17.5rem, which is equivalent to 280px. That will make the buttons on both pages the same width. Just in case.

[gopherbot]

Change https://golang.org/cl/260917 mentions this issue: content/static: widen download button to avoid wrapping.