[wp-trac] [WordPress Trac] #64998: up and down spinner arrows are getting unnecessary spacing in `<input type="number">` elements

[WordPress Trac]

#64998: up and down spinner arrows are getting unnecessary spacing in `<input
type="number">` elements
-------------------------------------+-------------------------------------
 Reporter:  mehrazmorshed            |       Owner:  (none)
     Type:  defect (bug)             |      Status:  closed
 Priority:  normal                   |   Milestone:
Component:  General                  |     Version:  trunk
 Severity:  normal                   |  Resolution:  worksforme
 Keywords:  admin-reskin 2nd-        |     Focuses:  ui, css,
  opinion                            |  administration
-------------------------------------+-------------------------------------

Comment (by wildworks):

 > I think this report is about the 4 pixels of
 [https://core.trac.wordpress.org/browser/trunk/src/wp-
 admin/css/forms.css?rev=62182&marks=509#L507 padding on the right]

 Thank you, I misunderstood.

 > Maybe the `width` and `max-width` could increase:

 I don't have strong option, but there might be an approach to increase the
 width itself to accommodate the increased padding.

 {{{
 #!diff
 diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
 index e4e09ca1b6..a283fc2e32 100644
 --- a/src/wp-admin/css/forms.css
 +++ b/src/wp-admin/css/forms.css
 @@ -496,7 +496,7 @@ textarea.large-text {
  }

  input.small-text {
 -       width: 50px;
 +       width: 54px;
         padding: 0 8px;
  }

 @@ -505,7 +505,7 @@ label input.small-text {
  }

  input[type="number"].small-text {
 -       width: 65px;
 +       width: 70px;
         padding-right: 4px;
  }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64998#comment:11>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform