Refactor : make equal padding/inset to container div which should create equal outer spacing from components.

[Amark19]

Is your suggestion related to a problem? Please describe.
No

Describe the enhancement that can be done
Currently our html structure looks like this ⬇️

• container
  • Header
    • Left menu
    • menu
    • right menu
  • Footer
    • zoom panel
    • Help dialog

So, what I was thinking lets give container div a equal padding so that from left,right,top,bottom spacing should be equal. In current implementation I have given spacing to each child components which seems like wrong way to do the same.

Additional context

calcont-whiteboard-issue.15.mp4