Review the box model of the main view

[dtonon]

In every page the right padding should be equal to left one:

The scroll bar should be placed on the far right so that, when dragged, it does not overlap with other elements:

[dtonon]

@bu5hm4nn this could be the basic box structure of the main view:

All the margin/spaces between elements are 20px, with the exception of the lateral bands (yellow boxes) that are x1.2 (=24px), to compensate the optically illusion that the space between the sidebar and the main area is wider. We can also set the 20px value as a constant, so we can tweak it as needed, and maybe use it in the future to create a compact/standard/airy interface.

I would create a main container in the sidebar and in the main view, to be sure that the style is applied everywhere. But we have the problem related to the scrollbar, that I would like to keep outside the scrolling area. We can set the default right margin to zero px and then manually manage it, but this is error-prone. Any idea about that?

[dtonon]

@bu5hm4nn I will close here, we will review the main component of the container as soon as necessary.