Repo homepage tweaks

[silverwind]

1. Fix commit message limited too small by fixed table layout. The non-fixed layout causes overflow issue between 872px and 768px width, fix that by switching to the mobile layout at 872px.

2. Match .repository-summary to search bar in height:

[yp05327]

Why I added fixed is because of this: (width is around 880px)

See:
#32213 (comment)

[silverwind]

Yes, that's why I increased the media query so it no longer shows like that. Long-term we should refactor from table to flexbox/grid because tables just suck for layouting.

[yp05327]

Yes, that's why I increased the media query so it no longer shows like that.

No, I got this screen shot from this PR.

[silverwind]

Hmm maybe this is dependant on font size or something. For me, the table limit was at 872px.

[yp05327]

In my case, at least around 911px is necessary.
monitor is 1080p, OS is windows, browser is Chrome latest version

[wxiaoguang]

I would never believe such pixel-level fine-tuning could be right ......

[silverwind]

It's not, but this table is a huge pixel hack to begin with, and tables are very hard to get responsive.

[yp05327]

Actually this fix is a pixel-level fine-tuning.
And I think the root reason it table's width is not correctly calculated, so simply adjust max-width is not right.

If you think this is a pixel-level fine-tuning, then I will give you a more simplify example:
If there's only Description, you will see:

[wxiaoguang]

The root problem is that there were so many hacky patches. A clear solution should be completely rewriting these styles.

[silverwind]

Yes, but I'm not sure <table> can do all we want. Flexbox or Grid surely would.

I played around with these styles earlier and some of them didn't do anything.

[wxiaoguang]

It should be like this: Fix repo home file list #32788