We have a huge debt of CSS in this project.
This PR is to get rid of the outdated floats that we used for our left nav and tranform it into css grids.
It is pretty straightforward:
The main page is a grid layout with three rows: top- the black header, a breadcrum and the main area
If there is a left nav needed, the main area is another grid with 2 columns, the left nav and the main content
We get rid of a lot of unnecessary width and height compute as well as cleaned up some scrolls all over the place
[x] If introducing new functionality or modified behavior, are they backed by unit tests?
[x] Have all unit tests passed locally? (by running npm run test command)
[x] Have you updated the README.md with new screenshots if significant changes have been made?
[x] Have you update the package version if the current version in package.json is not higher than the version released?
We have a huge debt of CSS in this project. This PR is to get rid of the outdated floats that we used for our left nav and tranform it into css grids. It is pretty straightforward:
npm run testcommand)