Design of GitLab is a pain

A while back GitLab changed design (again) and put the content scrollbar 10 pixels away from the site edge. This resulted in me finding a workaround to push the content and the scrollbar to the edge. I went with a custom CSS hack:

body div.layout-page.page-with-super-sidebar
{
    padding: 0px !important;
    column-gap: 0px !important;
}

This worked fine for a while, I do not remember for how long as I forgot when I solved the issue. The GitLab broke again, someone decided to add a border around the content. This was probably done because the content was now “floating” on a page and someone wanted it to look “nicer” with a border. Whatever the reason, now there is a border to worry about. So a new addition to my workaround was needed.

body div.layout-page.page-with-super-sidebar
{
    padding: 0px !important;
    column-gap: 0px !important;
}
body div.layout-page.page-with-super-sidebar div.panels-container
{
    border: none !important;
}

I have this in my custom style in Falkon, it can be adapted to the custom rules of uBlock Origin as well. I will leave that to someone else.

This workaround improves the overall usability of GitLab for me as when I use the mouse, I want to go to the edge of the screen or window (some window manager allow to “pause” the mouse at the window edge) and click and/or drag to move the scrollbar. The modern design used by default on GitLab does not allow me to do so and forces me to do small mouse movements.

I am of the opinion that computers should make my work easier and more comfortable, so this modern desing is a bug.