slider now goes all the way to right & left

[bhavayAnand9]

Fixes #507

here's a simple fix for slider not going all the way to right & left. It was due to form-control class in the bootstrap library which add padding of 12px to right & left.
This PR is adding a form-control class which overrides the padding settings of the bootstrap library.

• tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
• code is in uniquely-named feature branch and has no merge conflicts
• PR is descriptively titled
• ask @publiclab/reviewers for help, in a comment below

Thanks!

[jywarren]

Great work!

[kevinzluo]

Hi. I actually found out that form-control is a bootstrap class that also controls the formatting of input fields. So by redefining the form-control class, we are actually disrupting the formatting of other input types.

For example, the field in the contrast module is now too close to the edges:

Compared to before:

My suggestion is that instead of doing .form-control: {...} in the css, we should use .form-control[type="range"] {...}. which gives the desired.

I feel like this would make a good FTO issue. What would you advise, @jywarren ?

[bhavayAnand9]

Thanks, @kevinzluo for pointing that out. I didn't notice that it was also affecting other inputs too. I'll create an issue for it and maybe some maintainer will assign an FTO label to it.