ui improvement of sidebar

[ARJUN-SABU]

issue #3 : Improved UI of side bar by:

1. Adding blue border to the playground title
2. Adding change of background-color of ListItem component when it is clicked showing that which component was clicked.
3. Changed inline css to css modules for footer and sidebar.

[netlify[bot]]

Deploy preview for rne-playground ready!

Built with commit 76b6201e8a28864152a7066bb9fb01fea491315a

https://deploy-preview-32--rne-playground.netlify.app

[ARJUN-SABU]

Oh thanks! But, when I am viewing the deployed version myself then the title and the rocket are on the same line and in your case its on different lines 🤔.

[pranshuchittora]

well done.. I was thinking it would be great if the playground and comes under one line only.

you did great work keep it up.

It's coming in one line, I think are zoomed-in kindly reset the page zoom level to 100%

[ARJUN-SABU]

1. Changed the css module styles of title to material-ui/core/styles format
2. Added blue coloured border-right when hovering over side elements and selecting any one of them, indicating which element was selected.

[ARJUN-SABU]

Removed the above mentioned code. Is it ok?

[pranshuchittora]

Thanks :)