Make the components more low resolution freindly

[vegegoku]

Make it possible to reduce the size o the component for lower resolution.

I general the components uses em measures to make sure that they can adapt to different base font size on the document root, but there is still places where pixels are used, we are going to replace those with the em equivilants and test for lower resolution, the default look and feel should remain the same.

changing the root font size like this for example :

:root {
    font-size: 12px;
}

Should reduce the overall size of the components but will they still look normal and intact.