replace transform in style editable-form-field

[johrstrom]

This style here can be really off from a UX perspective when the mouse gets close to the top or bottom of an editable-form-field (close to the Save and Remove buttons) select field with a lot of options. The transform (from smaller to larger or vice versa) triggers a lot. So the div keeps resizing right before your eyes when you attempt to use one of the buttons.

ondemand/apps/dashboard/app/javascript/stylesheets/scripts.scss

Line 10 in 63ffad9

transform: scale(0.98);

I think the main issue with transform is that when the div is big enough (i.e., has a lot of options) the size difference is large enough to not just be a slight difference, but in fact a large difference between 100% and 98%. And that large difference is very visually busy/noisy and hard to deal with.