Replaced padding to use relative value

[Rachit1313]

• @Amnish04 and I noticed that the alignment was perfect on a 13 inch macbook whereas was wrong in a monitor of a bigger size.
• Changed padding value to use relative % so that it should adjust according to screen width.

Fixes #453

[humphd]

This is still wrong:

I think it should be identical to the content above it.

[Rachit1313]

This is still wrong:

I think it should be identical to the content above it.

Its a bit confusing in this one. I fixed this based on a monitor with windows, it broke in mac. In our production it is perfect in mac even if I change the zoom scaling to any %.

[Amnish04]

If you look closely, both GridItems are same width and centred correctly. But its the scrollbar that's pushing our chat area away

One thing we can do is set a left margin equal to width of scrollbar, but I don't know how we can get that width as its different across browsers and platforms.
@humphd Can we really fix this?

[humphd]

OK, if it's per-platform stuff with scrollbars, we probably won't ever win this battle. Maybe we should close?

[Amnish04]

OK, if it's per-platform stuff with scrollbars, we probably won't ever win this battle. Maybe we should close?

I agree, lets close it.