Quick question: is there a particular reason why the table and the other elements aren't centered in the browser by default? Even this site seems to do that to some degree, which improves the usability at least somewhat.
AFAIK that would require just a text-align rule for the title and margin-left: auto; and margin-right: auto; for the table, which seems a bit more readable on wide screens.
I really dislike centered websites. That means that if I change the width of the browser window, the position of the website elements changes. So when I make the window bigger for ONE annoying tab that requires more width, it changes ALL other tabs. This is horrible for my muscle memory.
Also, I arrange my windows such that overlapping windows don't hide important stuff underneath them. So I can see essential elements of a site even with chat windows on top. But if the website position changes on browser window width change, this invalidates ALL my other windows. It's simply awful.
I want degrees of freedom to be independent, otherwise they are far less useful.
People want centered websites because they are using browser windows that are far too wide, usually full screen. Just use a narrow browser window and left-aligned websites will look just fine. You'd think that with everyone having a narrow smartphone, websites would work well with narrow browser windows, but no, usually they use a different (bad!) layout on desktop browsers. I really hate this.
AFAIK that would require just a text-align rule for the title and margin-left: auto; and margin-right: auto; for the table, which seems a bit more readable on wide screens.
Here's a screenshot: https://i.imgur.com/y447V3g.png