Get rid of CSS zoom and conditional CSS

[ghost]

basically title. originally we did this because the portal looks too small so we wanted to zoom in a bit, and without spending the time to reconfigure all the defaults (https://ant.design/docs/react/customize-theme).

however, it's sort of causing problems, because Cypress doesn't account for visibility of elements because it doesn't support css zoom but chrome does, and also the window bar looks wider than it should (adds horizontal scrollbar) on firefox, and we have conditional css everywhere...

in general, it's a huge pain, and we should get rid of it.

solution

honestly, not sure what the best thing to do is, so this might involve some research on your part. so far my ideas are:

1. just make textsize bigger (however, this messes with proportions of antd components)
2. fix above issue by reconfiguring all defaults from scratch (not sure if feasible)

in my opinion, you should go with the first one, and then just add styling where needed to make things look less ugly.