Reduce layout shifting on Project Overview/Repository browser
Summary
As content loads, the table layout shifts.
This causes inconsistency in metrics, user's confusion (especially in large folders) as columns shift.
![](/-/project/278964/uploads/d79cb17bd052a5fbba2e9c55b683570e/Kapture_2020-11-19_at_11.42.56.gif)
Notice the columns shifting as the content rolls in.
Steps to reproduce
- Open a project overview / repository page.
- Notice the columns in the table column's shifting width
Example Project
https://gitlab.com/gitlab-org/gitlab
What is the current bug behavior?
Columns change width as content loads.
What is the expected correct behavior?
Once the table head / columns are rendered, they don't change width as content is loaded.
Possible fixes
Maybe a simple table-layout: fixed;
will help?