Text and icon are misaligned when changing font size about console-feed HOT 5 CLOSED

Can you look into this?

I tried this and they are pretty much close to each other. But the problem is, different icons and text are set differently making it very difficult for all of them to come together.

from console-feed.

https://codesandbox.io/s/rl7pk9w2ym
Also on testing the same here, the problem is with the react console-feed itself. Therefore, we need some sort of mapping function which maps padding to fontsize. That will do the job.

from console-feed.

@AnkurIngale I think mapping values are not a proper solution. If you want to help just clone the repo and find what is going wrong. I suspect this line. Fix it by changing to something else.

from console-feed.

They're also blurry on displays where the physical pixel ratio is > 1, which is pretty much every device now.

from console-feed.

rich objects have similar positioning issues. eg: console.log('deep object', { foo: { bar: { baz: 1234, qux: 'ok' }}});

from console-feed.