FF lines in the btn button

Created by: Yohn

I've gotten really tired of my app having these lines within the buttons on firefox sorry I cant come up with a fiddle because it doesnt happen all the time, it happens at random.

and I figured out a fix that works, at least for my project where I use to see it all over the place.. Heres what the background use to be background-image: linear-gradient(to bottom, #ff2205, #9e1200); and heres what I would change it to to stop the line bug background-image: linear-gradient(top, #ff2205, #9e1200);

This has also been noted in some other issues, but they're closed #5510 (closed) #4233 (closed)

Edit / Update,

I was looking at the mixin for the buttons, - .vertical(@startColor: #555, @endColor: #333) thats the function we would have to change, and then just switch out background-image: linear-gradient(to bottom, @startColor, @endColor); with background-image: linear-gradient(top, @startColor, @endColor); or with background-image: linear-gradient(to top, @endColor, @startColor); both solutions seem to work

this way seems to match the pattern that is within the .vertical() mixin, was there any reason why it was using to bottom? I was wondering if we could do this in the main bootstrap releases as it does fix an irritating bug with firefox and the buttons, and would put the gradients in the same type of pattern

also, accounting to can I use, the linear-gradiant() selector only works in opera and firefox currently, and this fix doesnt cause any problems with both browsers