Margin around range sliders when embedded into empirica throws off scale labeling

[JamesPHoughton]

When we put a range slider question in empirica, the labels seem to be off from their expected position. (Possibly because of some extra margin on the right hand side that may be inherited from somewhere else on the page?)

However, when we have the same survey in the surveys component test, the margin doesn't seem to cause problems, and the tick value is right up against the side of the bar:

Note here that the purple region goes all the way to the end of the range slider bar.

My hunch is that whatever CSS is currently setting the position of the slider labels is not playing well with the CSS for the outer react components, and we need to set something explicitly that either isn't being set at the moment, or is being set relative to something inappropriate in the containing components.

This seems to be the behavior in both chrome and firefox - I haven't tested elsewhere.

[JamesPHoughton]

@gumillie222 check is this done?

[gumillie222]

This issue is fixed. I checked in both chrome and firefox.