Improve the style for developer exception page

[ElderJames]

Improve the style for developer exception page

• You've read the Contributor Guide and Code of Conduct.
• You've included unit or integration tests for your change, where applicable.
• You've included inline docs for your change, where applicable.
• There's an open issue for the PR that you are making. If you'd like to propose a new feature or change, please open an issue to discuss the change or find an existing issue.

Summary of the changes (Less than 80 chars)

Just changed the word breaking style and font size to 10% larger.

Description

before:

after:

Fixes #54894 Fixes #54896

[amcasey]

Thanks, @ElderJames! LGTM, but let's give @JamesNK a chance to comment, since he filed the issues.

[JamesNK]

I tested it out and pushed some changes to your branch.

• I didn't notice any change in font size from 1em. As far as I know it shouldn't have any impact as it's not making a change to the current font size. I don't know why you saw a difference. All the generated ASP.NET Core pages have font-size: .813em; on the body. It scales everything on the page. I'm not sure why that value was chosen. If we change something, it should probably be that value. I say lets leave font size alone for now.
• I changed word break from break-all to break-word. This prevents from breaking inside a word while still forcing a break if required to avoid horizontal scroll bar. IMO this is a bit better as real worlds won't wrap halfway through. Base64 cookie values are uneven though, but I don't think we can get everything.
• I added a min-width on the first column while playing around. This makes content appear a bit more evenly and stops the name column becoming very small if there is a large value and names all have hyphens.
• The Razor compile needs to be run to get the updated CSS into the pages. I did that. How were you testing locally?

@ElderJames What do you think?

[JamesNK]

After:

[ElderJames]

@JamesNK It looks better. You reminded me that I should change the font size of td to 1.1 em.

[amcasey]

I'm fine either way.

[JamesNK]

As I said before, just changing the css file isn't enough. The css file is embedded in the developer exception page by the Razor compiler, and that happens at dev time. For future reference: https://github.com/dotnet/aspnetcore/tree/main/src/Middleware/Diagnostics/src#aspnet-core-diagnostics

I made some more changes:

• Increased font-size to 1.1em for all of the table (td and th) as well as some other UI
• Improved wrapping on the stacktrace page
• Ran Razor compiler

I think this is good to merge.

[ElderJames]

@JamesNK Thank you for figure out the razor compilation, I didn't know it before.

[JamesNK]

Merged. Thanks!