FLUID-4967: Increase the distance between the UIO sliders and the right end icons so slider handles don't overlap on top of icons when handles are at the right most end.
FLUID-4967: Increase the gap between the slider and the left end icon to balance with the distance btw the slider and the right end icon.
Merge remote-tracking branch 'cindyli/FLUID-4967' into FLUID-4967
FLUID-4967: More styling improvements for full with preview demo and separated panel.
FLUID-4967: Some styling tweaks with full no preview demo.
FLUID-4967: Adjusted the width of sliders and their distances with adjacent icons to fix the wrapping issue.
Merge remote-tracking branch 'cindyli/FLUID-4967' into FLUID-4967
FLUID-4967: Fixed positioning of slider handle.
- Fixed margin of slider handle when in contrast
modes.
- Reduced size of the handle a little so it doesn't
overlap with input text field.
Merge branch 'master' into FLUID-4967
FLUID-4967: a little styling tweak for the prefs framework slider handle.
Merge remote-tracking branch 'cindy/FLUID-4967'

* cindy/FLUID-4967:
  FLUID-4967: a little styling tweak for the prefs framework slider handle.
  FLUID-4967: Fixed positioning of slider handle. - Fixed margin of slider handle when in contrast modes. - Reduced size of the handle a little so it doesn't overlap with input text field.
  FLUID-4967: Adjusted the width of sliders and their distances with adjacent icons to fix the wrapping issue.
  FLUID-4967: Some styling tweaks with full no preview demo.
  FLUID-4967: More styling improvements for full with preview demo and separated panel.
  FLUID-4967: Increase the gap between the slider and the left end icon to balance with the distance btw the slider and the right end icon.
  FLUID-4967: Increase the distance between the UIO sliders and the right end icons so slider handles don't overlap on top of icons when handles are at the right most end.