Fix text box arrows

[dathide]

Remove Firefox section and change the width of gradio's text inputs to 6em, which is the default for this web-ui. These changes bring back the up and down arrows that can be clicked to change various values in the ui.

[Kettukaa]

Thanks for the issue and the PR!

This was an issue between aesthetics and functionality. I had removed the up/down arrows because they're not directly themeable with CSS and greatly hurt the aesthetic of the theme, but I understand that they do serve a practical purpose. I think a good compromise would be adding this as an optional setting? I can work on that over the next few days.

[younyokel]

Thanks for the issue and the PR!

This was an issue between aesthetics and functionality. I had removed the up/down arrows because they're not directly themeable with CSS and greatly hurt the aesthetic of the theme, but I understand that they do serve a practical purpose. I think a good compromise would be adding this as an optional setting? I can work on that over the next few days.

I tried to do something with the arrows dark theme-ness and on Chrome/Edge this seems to work. You need to set opacity to 1, but also need this additional selector

input[type="number"]:not([step="any"])::-webkit-inner-spin-button,
input[type="number"]:not([step="any"])::-webkit-outer-spin-button {
  opacity: 1;
}