id	summary	reporter	owner	description	type	status	component	version	severity	resolution	keywords	cc	stage	has_patch	needs_docs	needs_tests	needs_better_patch	easy	ui_ux
33457	Expanding local vars in technical 500 causes horizontal scrolling	Keryn Knight	Hrushikesh Vaidya	"Whilst working on a little alpha project to [https://github.com/kezabelle/django-technicalerrors provide alternate error pages], and comparing output, I noticed that expanding the `Local vars` seems to ''always'' cause a horizontal scrollbar, at least at 1425x???? in Chrome.

As far as I can tell from checking out git tags, this seems to occur at least back to 2.2 (???? that can't be right, but OK!), and before that I start getting issues with code which has moved that my project doesn't support, so ... it may go back further.

A cursory play around with my devtools suggests that the following fixes it:
{{{
table.vars {
    margin: 5px 10px 2px 40px;
    width: auto;
}
}}}
Specifically:
- Restore the `width` to not be `100%` (which is currently applied to all `table`) and use `auto` or `inherit` or `initial` instead.
- Add `10px` right margin so the table lines up vertically with it's related context lines.

Attaching a gif which shows a slice of the issue. "	Bug	closed	Error reporting	dev	Normal	fixed	technical debug 500 UI		Ready for checkin	1	0	0	0	0	1