[wp-meta] [Making WordPress.org] #678: Email input on .org Jetpack subscription widget overflows container, needs CSS adjustment.

[Making WordPress.org]

#678: Email input on .org Jetpack subscription widget overflows container, needs
CSS adjustment.
------------------------+-------------------------------------
Reporter:  McGuive7     |      Owner:
    Type:  defect       |     Status:  new
Priority:  low          |  Component:  make.wordpress.org / P2
Keywords:  needs-patch  |
------------------------+-------------------------------------
 Sample URL (right sidebar):
 https://make.wordpress.org/core/

 The email input in the Jetpack subscription widget in the right sidebar
 overflows its container and is cut off on the above URL, and possibly
 others. Jetpack's CSS (/wp-
 content/plugins/jetpack/modules/subscriptions/subscriptions.css) has the
 following CSS:


 {{{
 #subscribe-email input {
     width: 95%;
     padding: 1px 2px;
 }
 }}}

 The input padding and border on the input causes it to overflow its
 container and be cut off. The following CSS rule would fix this issue:

 {{{
 #subscribe-email input {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
     box-sizing:        border-box;
 }

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/678>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org